/*** ==================================================================== Fonts ==================================================================== ***/ @import url('/css/css.css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i'); @import url('/css/css.css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i'); /*** ==================================================================== Reset ==================================================================== ***/ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*** ==================================================================== Global Settings ==================================================================== ***/ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0 } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block } audio, canvas, progress, video { display: inline-block; vertical-align: baseline } audio:not([controls]) { display: none; height: 0 } [hidden], template { display: none } a { background: transparent; text-decoration: none } a:active, a:hover { outline: 0; text-decoration: none } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: bold } dfn { font-style: italic } h1 { font-size: 2em; margin: .67em 0 } mark { background: #ff0; color: #000 } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } img { border: 0; height: auto; } svg:not(:root) { overflow: hidden } figure { margin: 1em 40px } hr { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; height: 0 } pre { overflow: auto } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0 } button { overflow: visible } button, select { text-transform: none } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; background: #fff; color: #9cc212; -webkit-border-radius: 35px; border-radius: 35px; border: 2px solid #9cc212; font-size: 1em; text-transform: uppercase; font-weight: 500; padding: 17px 32px; outline: 0; -webkit-transition: .5s; transition: .5s } button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background: #9cc212; color: #fff } button[disabled], html input[disabled] { cursor: default } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } input { line-height: normal } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } legend { border: 0; padding: 0 } textarea { overflow: auto } optgroup { font-weight: bold } table { border-collapse: collapse; border-spacing: 0; border-width: 1px 0 0 1px } caption, td, th { padding: 0; font-weight: normal; } table, th, td { border: 1px solid #d1d1d1 } th { border-width: 0 1px 1px 0; font-weight: 700 } td { border-width: 0 1px 1px 0 } th, td { padding: .4375em } dl { margin: 0 0 1.75em } dt { font-weight: 700 } dd { margin: 0 0 1.75em } blockquote { font-style: italic; padding: 10px 80px; border-left: 4px solid #9cc212; color: #000; font-size: 22px; line-height: 1.4; margin: 0 0 1.7em } blockquote p { margin-bottom: 10px } blockquote cite { display: block; font-style: normal; color: #000; font-size: 14px; text-transform: uppercase; font-weight: 600; position: relative; margin-top: 30px } pre { background: #f5f5f5; color: #666; font-family: monospace; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre-wrap; word-wrap: break-word } body { color: #848484; font-size: 16px; font-family: 'Rubik', sans-serif; line-height: 1.6; background: #fff; word-wrap: break-word; overflow-x: hidden } a { color: #9cc212; text-decoration: none } a:hover { color: #222 } a:hover, a:active, a a:focus { text-decoration: none } a img { border: 0 } h1, h2, h3, h4, h5, h6 { font-weight: 700; font-family: Microsoft Yahei,SimHei,Arial,simsun; line-height: 1.2; color: #2e2e2e; } h1 { font-size: 36px } h2 { font-size: 30px } h3 { font-size: 24px } h4 { font-size: 18px } h5 { font-size: 16px } h6 { font-size: 12px } ul { list-style-type: square; padding-left: 20px } li { /* margin-bottom: 7px */ } p { margin-bottom: 1.2em; margin-top: 0 } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { -webkit-transition: border .5s; transition: border .5s; border: 1px solid #f2f2f2; height: 50px; -webkit-border-radius: 0; border-radius: 0; padding: 10px } input[type="text"]:active, input[type="email"]:active, input[type="url"]:active, input[type="password"]:active, input[type="search"]:active, input[type="number"]:active, input[type="tel"]:active, input[type="range"]:active, input[type="date"]:active, input[type="month"]:active, input[type="week"]:active, input[type="time"]:active, input[type="datetime"]:active, input[type="datetime-local"]:active, input[type="color"]:active, textarea:active, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { outline: 0 } select { -webkit-border-radius: 0; border-radius: 0 } textarea { -webkit-border-radius: 0; border-radius: 0; width: 100% } label { font-weight: 400 } .inline-block { display: inline-block } textarea { border: 1px solid #f2f2f2; background: #fff; height: auto } blockquote { font-style: italic; padding: 20px } .rndbtngrn { color: #9cc212; border: 2px solid #9cc212; border-radius: 25px; } .textgreen { color: #9cc212; } .pagepadding { padding: 20px 0 0px; } /*-------------------------------------------------------------- Typography --------------------------------------------------------------*/ body { color: #848484; font-size: 14px; font-family: Microsoft Yahei,SimHei,Arial,simsun; line-height: 2; word-wrap: break-word; } .marg0 { padding: 0; } .margbtm0 { margin-bottom: 0!important; } .margbtm20 { margin-bottom: 20px; } .margbtm30 { margin-bottom: 30px; } .margbtm40 { margin-bottom: 40px; } .margbtm50 { margin-bottom: 50px; } .margbtm60 { margin-bottom: 60px; } .margbtm70 { margin-bottom: 70px; } .margbtm80 { margin-bottom: 80px; } .margtop20 { margin-top: 20px; } .margtop30 { margin-top: 30px; } .margtop40 { margin-top: 40px; } .margtop50 { margin-top: 50px; } .margtop60 { margin-top: 60px; } .secpadd { padding: 70px 0 50px; } .pagepadd { padding: 70px 0 50px; } .nopadd { padding: 0!important; } .fsize30 { font-size: 30px!important; } .paddleft20 { padding-left: 20px; } .paddright20 { padding-right: 20px; } /*** ==================================================================== preloader ==================================================================== ***/ .preloader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999; background-color: #ffffff; background-position: center center; background-repeat: no-repeat; background-image: url(../images/icon/preloader.png); } /*** ==================================================================== Main Slider ==================================================================== ***/ .bigtitle.text-white { color: #fff !important; font-family: Microsoft Yahei,SimHei,Arial,simsun; } .tp-caption.text-white { color: #fff !important; } .slider-link-style1 { line-height: 28px; font-size: 14px; background-color: rgb(156, 194, 18); font-family: Rubik; padding: 12px 34px; text-decoration: none; cursor: pointer; border-radius: 30px; line-height: 28px; font-weight: 500; display: inline-block; color: #fff; } /*-------------------------------------------------------------- All Elements Design --------------------------------------------------------------*/ .sc-dark .title { font-size: 30px; color: #fff } .sc-dark .desc p { color: #aaa } .sc-dark .desc .content .line { background-color: #fff; margin-top: 18px } .sc-light .title { font-size: 30px; color: #2e2e2e } .sc-light .desc p { font-size: 18px; color: #aaa } .sc-light .desc .content .line { background-color: #2e2e2e; margin-top: 18px } .clearfix { zoom: 1 } .clearfix:before, .clearfix:after { content: ""; display: table } .clearfix:after { clear: both } @-webkit-keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } } @keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } } .tabs .tabs-nav { margin: 0; padding: 0; overflow: hidden; list-style-type: none } .tabs .tabs-nav li { float: left } .tabs .tabs-nav a { display: block } .tabs .tabs-panel { clear: both; display: none } .tabs .tabs-panel.active { -webkit-animation: fadeIn 1 1s ease; animation: fadeIn 1 1s ease; display: block } .svg-icon svg { vertical-align: -.125em; width: 1em; height: 1em; fill: currentcolor; display: inline-block } .grd_portfolio_atrrs { padding: 20px 30px } .grd_portfolio_atrrs ul { float: left; width: 100%; padding: 0; margin: 0 } .grd_portfolio_atrrs ul li { float: left; width: 100%; list-style: none; padding: 15px 0; border-bottom: 2px solid #f2f2f2; margin: 0 } .grd_portfolio_atrrs ul li p { color: #222; font-family: 'Poppins', sans-serif; float: left; margin: 0; width: 90px } .grd_portfolio_atrrs ul li span { float: left; color: #9b9ea8; padding-left: 20px } .grd_portfolio_atrrs ul li a { float: left; color: #9b9ea8 } .grd_portfolio_atrrs ul li:first-child { padding-top: 0 } .grd_portfolio_atrrs ul li:last-child { border-bottom: 0; padding-bottom: 0 } .grd_portfolio_atrrs ul .rating span:last-child { margin-top: 3px } .grd_portfolio_atrrs ul .rating span i { float: left; color: #9cc212; margin-left: 3px } .grd-section-title .title { margin: 0; font-weight: 500; padding: 15px 0 } .grd-section-title.semibold .title { font-weight: 600 } .grd_title-type-1 { position: relative; } .grd_title-type-1 .title { padding-top: 27px; font-size: 30px; } .grd_title-type-1 .title:before { content: ''; position: absolute; top: 0; left: -15px; background-color: #9cc212; width: 15px; height: 7px; margin: 0 auto; right: 0 } .grd_title-type-1 .title:after { content: ''; position: absolute; top: 0; left: 15px; background-color: #7a941a; width: 15px; height: 7px; margin: 0 auto; right: 0 } .grd_title-type-1 .desc p { max-width: 750px; margin: 0 auto; font-size: 16px; } .grd_title-type-2 { margin-top: 0; position: relative; } .grd_title-type-2 .title { padding-top: 27px; padding-bottom: 10px } .grd_title-type-2 .title:before { content: ''; position: absolute; top: 0; left: 0; background-color: #9cc212; width: 15px; height: 7px } .grd_title-type-2 .title:after { content: ''; position: absolute; top: 0; left: 15px; background-color: #7a941a; width: 15px; height: 7px } .grd_title-type-2 .desc p { font-size: 14px; } .grd_title-type-3 .title { text-align: center; font-weight: 700 } .grd_title-type-3 .desc .content { float: none; margin: 0 auto; font-size: 18px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center } .grd_title-type-3 .desc .content .line { width: 75px; height: 1px; margin-top: 0 } .grd_title-type-3 .desc .content span { float: left; margin: 0 5px; color: #fff; font-size: 24px; font-weight: 500 } .grd_title-type-4 .title { text-align: left; line-height: 40px; padding-top: 0; padding-bottom: 0; margin-bottom: 25px } .grd_title-type-4 .desc { float: left; margin-bottom: 40px } .grd_title-type-4 .desc p { font-size: 16px; line-height: 26px; margin: 0 } .header-v2 .grd_title-type-4 .title { margin-bottom: 5px } .header-v2 .grd_title-type-4 .desc { margin-bottom: 50px } .header-v3 .grd_title-type-4 .title { margin-bottom: 15px } .header-v3 .grd_title-type-4 .desc { margin-bottom: 35px } .grd-button-group { float: left; width: 100% } .grd-button-group .grd-button { padding: 6px 43px 2px; text-transform: uppercase; font-size: 14px; font-weight: 500; } .grd-button-group .grd-button:hover { color: #FFF !important; background-color: #9cc212 !important; border-color: #9cc212 !important; text-decoration: none } .grd-button-group .hover-2:hover { background-color: transparent !important; border: 0 !important; color: #9cc212 !important } .grd-align-left { float: left; text-align: left } .grd-align-left .grd-button { float: left } .grd-align-left .grd-button .svg-icon { float: left } .grd-align-right { float: right; text-align: right } .grd-align-right .grd-button { float: right } .grd-align-right .grd-button span { float: left } .grd-align-center { float: left; width: 100%; text-align: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center } .grd-align-center .grd-button { float: left } .grd-contact-box ul { padding: 0 } .grd-contact-box ul li { list-style: none } .grd-contact-box ul li .name { width: 100%; color: #2e2e2e; font-family: 'Poppins', sans-serif; text-transform: uppercase; margin-bottom: 0; font-weight: 500 } .grd-contact-box ul li .value { width: 100%; margin-bottom: 0 } .grd-contact-box ul li .value .text-green { color: #9cc212 } .grd-contact-box ul li .seasons { margin-bottom: 0; margin-top: 10px; color: #2e2e2e; font-weight: 500; font-family: 'Poppins', sans-serif } .grd-contact-box ul li:last-child .value { margin-bottom: 0 } .grd-contact-box ul li:nth-child(1), .grd-contact-box ul li:nth-child(2) { margin-bottom: 40px } .grd-icon-box { padding: 41px 25px } .grd-icon-box .emtry-title { z-index: 999; position: relative; float: left; width: 100%; text-align: center; font-size: 20px; font-family: Microsoft Yahei,SimHei,Arial,simsun; } .grd-icon-box .icon { position: relative; float: left; width: 100%; text-align: center; z-index: 999 } .grd-icon-box .icon .icon-content, .grd-icon-box .icon .svg-icon { float: left; width: 100% } .grd-icon-box .icon .svg-icon { -webkit-transition: .5s; transition: .5s } .grd-icon-box .content { position: relative; float: left; width: 100%; text-align: center; z-index: 999 } .grd-icon-box .content .readmore { display: none; font-size: 24px; width: 50px; height: 50px; -webkit-border-radius: 100%; border-radius: 100%; border: 2px solid #9cc212; margin: 0 auto } .grd-icon-box .content .readmore a { float: left; width: 100%; height: 100%; line-height: 50px } .grd-icon-box:hover .emtry-title { text-decoration: none } .grd-icon-box:hover .icon .icon-content .svg-icon { color: #9cc212 } .grd-icon-box:hover .readmore { display: block } .whychooseus_1 .grd-icon-box-1 { position: relative; } .grd-icon-box-1 { -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .07); box-shadow: 0 0 20px 0 rgba(0, 0, 0, .07); overflow: hidden; padding: 46px 40px; -webkit-border-radius: 5px; border-radius: 5px } .grd-icon-box-1 .emtry-title { line-height: 28px } .grd-icon-box-1 .emtry-title .title { margin: 0 } .grd-icon-box-1 .icon { margin: 0px 0 9px; } .grd-icon-box-1 .icon .icon-content .svg-icon { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center } .grd-icon-box-1 .icon .icon-content .svg-icon:before { content: ''; position: absolute; background-color: #f5f5f5; width: 90px; height: 90px; -webkit-border-radius: 100%; border-radius: 100%; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: -1 } .grd-icon-box-1 .icon .icon-content .svg-icon i { z-index: 999; font-size: 64px; margin-top: -16px; } .grd-icon-box-1 .content { font-size: 20px } .grd-icon-box-1:before { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; border-bottom: 2px solid transparent; border-left: 2px solid transparent; z-index: 0 } .grd-icon-box-1:after { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2px; border-top: 2px solid transparent; border-right: 2px solid transparent; z-index: 0 } .grd-icon-box-1:hover .emtry-title { text-decoration: none } .grd-icon-box-1:hover .icon .icon-content .svg-icon { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); color: #9cc212 } .grd-icon-box-1:hover:before { -webkit-transition: .2s -webkit-transform linear, .2s height linear .2s; transition: .2s transform linear, .2s height linear .2s; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); height: 100%; border-color: #9cc212 } .grd-icon-box-1:hover:after { -webkit-transition: .2s -webkit-transform linear .4s, .2s height linear .6s; transition: .2s transform linear .4s, .2s height linear .6s; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); height: 100%; border-color: #9cc212 } .grd-icon-box-2 { overflow: hidden; padding: 65px 45px 50px; } .services-home-1 { background: url(../images/services-home-1.jpg) center center no-repeat; background-size: cover; } .services-home-2 { background: url(../images/services-home-2.jpg) center center no-repeat; background-size: cover; } .grd-icon-box-2 .emtry-title .title { margin-top: 40px; margin-bottom: 25px; } .grd-icon-box-2 .descreption { color: #9ba99e; font-size: 15px; line-height: 26px; letter-spacing: 1px; } .grd-icon-box-2 .icon .icon-content .svg-icon { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center } .grd-icon-box-2 .icon .icon-content .svg-icon:before { content: ''; position: absolute; background-color: #1a3d25; width: 85px; height: 85px; -webkit-border-radius: 100%; border-radius: 100%; top: -16px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: -1 } .grd-icon-box-2 .icon .icon-content .svg-icon { z-index: 999; font-size: 56px; line-height: 57px; } .grd-icon-box-2 .icon .icon-content .svg-icon i {} .grd-icon-box-2 .icon .icon-content .background-1:before { background-color: #1a3d25 } .grd-icon-box-2 .icon .icon-content .background-2:before { background-color: #1f482c } .grd-icon-box-2:hover .icon .icon-content .svg-icon { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); color: #9cc212 } .grd-icon-box-2:before { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); content: ''; position: absolute; bottom: 0; left: 0; height: 2px; border-bottom: 2px solid transparent; border-left: 2px solid transparent; z-index: 0 } .grd-icon-box-2:after { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2px; border-top: 2px solid transparent; border-right: 2px solid transparent; z-index: 0 } .grd-icon-box-2:hover:before { -webkit-transition: .2s -webkit-transform linear, .2s height linear .2s; transition: .2s transform linear, .2s height linear .2s; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); height: 100%; border-color: #9cc212 } .grd-icon-box-2:hover:after { -webkit-transition: .2s -webkit-transform linear .4s, .2s height linear .6s; transition: .2s transform linear .4s, .2s height linear .6s; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); height: 100%; border-color: #9cc212 } .grd-icon-box-3 { padding-bottom: 35px } .grd-icon-box-3 .emtry-title { text-align: left } .grd-icon-box-3 .emtry-title .title { font-size: 30px; line-height: 36px; margin-bottom: 25px; font-weight: 500 } .grd-icon-box-3 .icon-content { text-align: left } .grd-icon-box-3 .icon-content .svg-icon { padding: 0 0 20px 0 } .grd-icon-box-3 .icon-content .svg-icon i { color: #2e2e2e; font-size: 90px; float: left } .grd-icon-box-3 .content { text-align: left } .grd-icon-box-3 .content .descreption { font-size: 18px; line-height: 28px } .grd-icon-box-3 .box_btn { display: inline-block } .grd-icon-box-3 .box_btn a { display: block; padding: 12px 30px; border: 2px solid #9cc212; -webkit-border-radius: 55px; border-radius: 55px; margin-top: 33px; text-transform: uppercase; font-weight: 500 } .grd-icon-box-3 .box_btn a:hover { background-color: #9cc212; color: #fff; text-decoration: none } .grd-icon-box-3.border { border: 2px dashed #e0e0e0; padding: 30px 40px 40px 40px } .grd-icon-box-4 { padding: 0 } .grd-icon-box-4 .svg-icon { font-size: 60px; } .grd-icon-box-4 .icon-box-wrapter { float: left; width: 100%; -webkit-border-radius: 5px; border-radius: 5px; padding: 16px 0 25px; -webkit-transition: all .5s; transition: all .5s } .grd-icon-box-4 .icon-box-wrapter .emtry-title, .grd-icon-box-4 .icon-box-wrapter .icon, .grd-icon-box-4 .icon-box-wrapter .content { -webkit-transition: all .5s; transition: all .5s } .grd-icon-box-4 .emtry-title .title { font-size: 18px; line-height: 28px; margin: 0 } .grd-icon-box-4 .icon-content { margin-bottom: 10px } .grd-icon-box-4 .content { margin-top: 15px } .grd-icon-box-4 .content .descreption { font-size: 14px; line-height: 26px; margin: 5px; letter-spacing: 1px; } .grd-icon-box-4 .text-footer { float: left; text-align: center; width: 100%; padding: 15px 0; border-top: 2px solid #26412a; color: #9cc212; } .grd-icon-box-4:hover .icon-box-wrapter { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); background-color: rgba(255, 255, 255, .08) } .grd-icon-box-4:hover .icon-box-wrapter .emtry-title, .grd-icon-box-4:hover .icon-box-wrapter .icon, .grd-icon-box-4:hover .icon-box-wrapter .content { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg) } .grd-icon-box-4:hover .text-footer { border-top: 0; padding-top: 17px } .grd-icon-box-5 { overflow: hidden; padding: 40px 30px 30px 30px; } .grd-icon-box-5 .icon-box-wrapter { float: left } .grd-icon-box-5 .icon-box-wrapter .emtry-title { text-align:center; margin-top: 30px } .grd-icon-box-5 .icon-box-wrapter .emtry-title .title { font-size: 20px; line-height: 30px; margin-bottom: 0 } .grd-icon-box-5 .icon-box-wrapter .icon-content { text-align:center } .grd-icon-box-5 .icon-box-wrapter .content { text-align: left; margin-top: 20px } .grd-icon-box-5 .icon-box-wrapter .content .descreption { font-size: 14px; line-height: 26px; letter-spacing: 1px; } .grd-icon-box-5 .text-footer { z-index: 999; position: relative; float: left; width: 100%; padding-top: 10px; font-size: 14px; text-transform: uppercase; font-weight: 500; color: #c0c0c0; margin-top: 10px; } .grd-icon-box-5 .text-footer .arrow { font-size: 24px } .grd-icon-box-5 .text-footer .arrow svg { float: left; margin-top: 10px; margin-right: 5px } .grd-icon-box-5 .text-footer:hover { text-decoration: none } .grd-icon-box-5:before { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; border-bottom: 3px solid transparent; border-left: 3px solid transparent; z-index: 0; -webkit-border-radius: 5px; border-radius: 5px } .grd-icon-box-5:after { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 3px; border-top: 3px solid transparent; border-right: 3px solid transparent; z-index: 0; -webkit-border-radius: 5px; border-radius: 5px } .grd-icon-box-5:hover .icon .icon-content .svg-icon { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .grd-icon-box-5:hover .text-footer { color: #9cc212 !important } .grd-icon-box-5:hover:before { -webkit-transition: .1s -webkit-transform linear, .2s height linear .2s; transition: .1s transform linear, .2s height linear .2s; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); height: 100%; border-color: #9cc212 } .grd-icon-box-5:hover:after { -webkit-transition: .1s -webkit-transform linear .2s, .2s height linear .3s; transition: .1s transform linear .2s, .2s height linear .3s; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); height: 100%; border-color: #9cc212 } .grd-icon-box-6 { padding: 0 } .grd-icon-box-6 .icon-box-wrapter .icon { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; float: left; margin-right: 20px } .grd-icon-box-6 .icon-box-wrapter .icon .svg-icon { line-height: normal } .grd-icon-box-6 .icon-box-wrapter .emtry-title { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; float: left; min-width: 70%; text-align: left; margin-top: 15px } .grd-icon-box-6 .icon-box-wrapter .emtry-title p { margin: 0 } .grd-icon-box-6 .icon-box-wrapter .content { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; float: left; min-width: 70%; text-align: left } .grd-icon-box-7 { padding: 0 } .grd-icon-box-7 .title { font-weight: 500 } .grd-icon-box-7 .icon-box-wrapter { float: left; width: 100%; position: relative; border: 1px solid #f2f2f2; padding: 45px 25px 70px 25px; -webkit-border-radius: 5px; border-radius: 5px } .grd-icon-box-7 .icon { position: absolute; z-index: 9; bottom: -webkit-calc(-50% + 83px); bottom: calc(-50% + 83px); left: 0; text-align: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all .5s; transition: all .5s } .grd-icon-box-7 .icon .icon-content { float: none; width: 80px; height: 80px; background-color: #f4f4f4; -webkit-border-radius: 100%; border-radius: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all .5s; transition: all .5s } .grd-icon-box-7 .icon .icon-content i { vertical-align: -3px; -webkit-transition: all .5s; transition: all .5s; color: #9cc212; font-size: 60px; line-height: 79px; } .grd-icon-box-7:hover .icon .icon-content { background-color: #9cc212 } .grd-icon-box-7:hover .icon .icon-content i { vertical-align: -3px; color: #fff } .grd-icon-box-8 { padding: 40px 30px; border: 1px solid #f2f2f2; overflow: hidden } .grd-icon-box-8 .icon-content, .grd-icon-box-8 .emtry-title, .grd-icon-box-8 .content { text-align: left } .grd-icon-box-8 .icon-header { float: left; padding: 5px 10px; background-color: #9cc212; -webkit-border-radius: 5px; border-radius: 5px; color: #FFF; font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 14px } .grd-icon-box-8 .title { margin: 25px 0 23px 0; font-family: 'Poppins', sans-serif } .grd-icon-box-8 .content .readmore { display: block; float: left; width: 100%; border: 0; -webkit-border-radius: 0; border-radius: 0; font-size: 14px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; font-weight: 500; text-transform: uppercase } .grd-icon-box-8 .content .readmore a { color: #2e2e2e; line-height: 28px; margin-top: 20px } .grd-icon-box-8 .content .readmore a .svg-icon { margin-right: 10px; font-size: 23px } .grd-icon-box-8 .content .readmore a .svg-icon svg { margin-bottom: -3px } .grd-icon-box-8 .content .readmore a:hover { color: #9cc212; text-decoration: none } .grd-icon-box-8:before { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; border-bottom: 2px solid transparent; border-left: 2px solid transparent; z-index: 0 } .grd-icon-box-8:after { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2px; border-top: 2px solid transparent; border-right: 2px solid transparent; z-index: 0 } .grd-icon-box-8:hover .emtry-title { text-decoration: none } .grd-icon-box-8:hover .emtry-title .title { color: #9cc212 } .grd-icon-box-8:hover .icon .icon-content .svg-icon { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); color: #9cc212 } .grd-icon-box-8:hover:before { -webkit-transition: .2s -webkit-transform linear, .2s height linear .2s; transition: .2s transform linear, .2s height linear .2s; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); height: 100%; border-color: #9cc212 } .grd-icon-box-8:hover:after { -webkit-transition: .2s -webkit-transform linear .4s, .2s height linear .6s; transition: .2s transform linear .4s, .2s height linear .6s; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); height: 100%; border-color: #9cc212 } .grd-icon-box-9 { padding: 45px 30px; border: 1px solid #f2f2f2; -webkit-border-radius: 5px; border-radius: 5px; position: relative; -webkit-transition: all .5s; transition: all .5s } .grd-icon-box-9 .icon-content, .grd-icon-box-9 .emtry-title, .grd-icon-box-9 .content { text-align: left } .grd-icon-box-9 .title { margin: 0 0 25px 0 } .grd-icon-box-9 .icon { position: absolute; top: 0; right: 0; left: 0; bottom: 0 } .grd-icon-box-9 .icon .icon-content { height: 100%; overflow: hidden; position: relative } .grd-icon-box-9 .icon .icon-content .svg-icon { bottom: -5px; right: -30px; font-size: 130px !important; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; position: absolute; color: #f7f7f7 } .grd-icon-box-9 .icon .icon-content .svg-icon svg { float: left } .grd-icon-box-9 .icon-box-wrapter { float: left; width: 100% } .grd-icon-box-9 .content .readmore { display: block; float: left; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; border: 0; -webkit-border-radius: 0; border-radius: 0; font-size: 14px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content } .grd-icon-box-9 .content .readmore a { color: #2e2e2e; line-height: 28px; margin-top: 20px; text-transform: uppercase; font-weight: 500 } .grd-icon-box-9 .content .readmore a .svg-icon { margin-right: 10px; font-size: 23px } .grd-icon-box-9 .content .readmore a .svg-icon i { margin-bottom: -3px } .grd-icon-box-9 .icon-top { position: absolute; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; float: left; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transition: all .5s; transition: all .5s } .grd-icon-box-9 .icon-top .svg-icon { color: #9cc212; -webkit-transition: all .5s; transition: all .5s } .grd-icon-box-9 .icon-top .svg-icon i { float: left; font-size: 60px; } .grd-icon-box-9:hover { -webkit-box-shadow: 0 0 40px 2px rgba(0, 0, 0, .07); box-shadow: 0 0 40px 2px rgba(0, 0, 0, .07) } .grd-icon-box-9:hover .icon .icon-content .svg-icon { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .grd-icon-box-9:hover .icon-top .svg-icon { border-color: #9cc212; background-color: #9cc212; color: #fff } .grd-icon-box-10 { padding: 70px 25px } .grd-icon-box-10 .icon-box-wrapter { overflow: hidden } .grd-icon-box-10 .icon-box-wrapter .emtry-title .title { margin: 30px 0 } .grd-icon-box-10 .icon-box-wrapter .descreption { margin-bottom: 30px } .grd-icon-box-10 .icon-box-wrapter .icon { margin-top: 50px; -webkit-transition: all .5s; transition: all .5s } .grd-icon-box-10 .icon-box-wrapter .icon .icon-content .svg-icon { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center } .grd-icon-box-10 .icon-box-wrapter .icon .icon-content .svg-icon i { z-index: 999 } .grd-icon-box-10 .icon-box-wrapter .icon .icon-content .background-1:before { background-color: #1a3d25 } .grd-icon-box-10 .icon-box-wrapter .icon .icon-content .background-2:before { background-color: #1f482c } .grd-icon-box-10 .icon-box-wrapter .content .readmore { display: block; margin-bottom: 0px; -webkit-transition: all .5s; transition: all .5s } .grd-icon-box-10 .icon-box-wrapter .content .readmore a:hover { color: #9cc212 } .grd-icon-box-10 .icon-box-wrapter:hover .icon { margin-top: 0 } .grd-icon-box-10 .icon-box-wrapter:hover .content .readmore { margin-bottom: 0 } .grd-icon-box-11 { padding: 40px 30px; height: 210px; border: 1px solid #f2f2f2 } .grd-icon-box-11 .icon-box-wrapter { overflow: hidden } .grd-icon-box-11 .icon-box-wrapter .emtry-title .title { font-size: 20px; margin: 0 0 20px 0 } .grd-icon-box-11 .icon-box-wrapter .icon { -webkit-transition: all .5s; transition: all .5s; margin-bottom: 30px } .grd-icon-box-11 .icon-box-wrapter .icon .icon-content .svg-icon { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size: 55px } .grd-icon-box-11 .icon-box-wrapter .icon .icon-content .svg-icon svg { z-index: 999 } .grd-icon-box-11 .icon-box-wrapter .icon .icon-content .background-1:before { background-color: #1a3d25 } .grd-icon-box-11 .icon-box-wrapter .icon .icon-content .background-2:before { background-color: #1f482c } .grd-icon-box-11 .icon-box-wrapter:hover .emtry-title .title { color: #9cc212 } .grd-position-icon-left .icon-top { top: -40px; right: -40px } .grd-position-icon-left .icon-top .svg-icon { width: 80px; height: 80px; border: 1px solid #f2f2f2; -webkit-border-radius: 100%; border-radius: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background-color: #FFF } .grd-position-icon-right .icon-top { top: -40px; left: -40px } .grd-position-icon-right .icon-top .svg-icon { width: 80px; height: 80px; border: 1px solid #f2f2f2; -webkit-border-radius: 100%; border-radius: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background-color: #FFF } .icon-box-8 { padding-right: 15px !important } .icon-box-8 .grd-button { padding: 5px 10px } .icon-box-8 .grd-button:hover { border: 1px solid #9cc212 !important; color: #9cc212 !important; background-color: #fff !important; text-decoration: none } .icon-box-8:last-child { padding-right: 0 !important; padding-left: 15px !important } .icon-box-list .icon-theme-light { background-color: #fff } .icon-box-list .icon-box-list-items { padding: 35px; border-bottom: 1px solid #f2f2f2 } .icon-box-list .icon-box-list-items .icon-box-wrapter { float: left; width: 100%; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; position: relative } .icon-box-list .icon-box-list-items .icon-box-wrapter .icon { position: absolute; float: left; height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center } .icon-box-list .icon-box-list-items .icon-box-wrapter .icon .icon-content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center } .icon-box-list .icon-box-list-items .icon-box-wrapter .icon .icon-content .svg-icon { position: relative; color: #dcdcdc; font-size: 55px; -webkit-transition: all .5s; transition: all .5s } .icon-box-list .icon-box-list-items .icon-box-wrapter .icon .icon-content .svg-icon svg { float: left } .icon-box-list .icon-box-list-items .icon-box-wrapter .icon .icon-content:before { content: ''; position: absolute; right: -20px; width: 3px; height: 15px; background-color: #9cc212; float: left; -webkit-transition: all .5s; transition: all .5s } .icon-box-list .icon-box-list-items .icon-box-wrapter .content { max-width: 80%; margin-left: 100px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; float: left; min-width: 70%; text-align: left } .icon-box-list .icon-box-list-items .icon-box-wrapter .emtry-title { margin-top: 0; margin-left: 100px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; float: left; min-width: 70%; text-align: left } .icon-box-list .icon-box-list-items .icon-box-wrapter .emtry-title .title { margin-top: 0; font-size: 20px; font-weight: 400 } .icon-box-list .icon-box-list-items .icon-box-wrapter .emtry-title:hover { text-decoration: none; color: #9cc212 } .icon-box-list .icon-box-list-items:hover .icon .icon-content .svg-icon { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); color: #9cc212 } .icon-box-list .icon-box-list-items:hover .icon .icon-content:before { height: 55px } .icon-box-list .icon-box-list-items:hover .emtry-title .title { color: #9cc212 } .icon-box-list .icon-box-list-items:first-child { -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0 } .icon-box-list .icon-box-list-items:last-child { -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; border-bottom: 0 } .icon-box-list .grd-icon-box-list-2 { background-color: #9cc212; padding: 0 } .icon-box-list .grd-icon-box-list-2 .icon-box-wrapter { padding: 20px } .icon-box-list .grd-icon-box-list-2 .icon-box-wrapter .emtry-title { float: left; width: 100%; margin: 0 } .icon-box-list .grd-icon-box-list-2 .icon-box-wrapter .emtry-title .title { float: left; width: 100%; text-align: center; margin: 0; font-size: 14px; text-transform: uppercase } .icon-box-list .grd-icon-box-list-2:hover .icon-box-wrapter .emtry-title .title { color: #FFF } .border-bottom { border-bottom: 1px solid #f2f2f2 } .grd-button-group { position: relative } .grd-button-group .button-list-icon { padding: 24px; text-align: center } .grd-button-group .svg-icon { font-size: 24px; margin-right: 10px } .grd-button-group .svg-icon i { float: left; margin-top: -7px } .overflow-hidden { overflow: hidden } .bt-icon-box-3 { margin-left: 45px } .icon-theme-dark .title { color: #fff } .icon-theme-dark .content, .icon-theme-dark .desc { color: #9eaba2; } .icon-theme-dark ul li a { color: #9eaba2 } .icon-theme-light .title { color: #2e2e2e; -webkit-transition: all .5s; transition: all .5s } .icon-theme-light .content, .icon-theme-light .desc { color: #848484 } .icon-theme-light ul li a { color: #848484 } .no-padding-inner .vc_column-inner { padding: 0 !important } .grd-portfolio-shortcode .portfolio-sizer { width: 25%; float: left } .grd-portfolio-shortcode .gutter-sizer { width: 0 } .grd-portfolio-shortcode .portfolio-horizontal { width: 50% } .grd-portfolio-shortcode .portfolio-nomal { width: 25% } .grd-portfolio-shortcode .portfolio-vertical { width: 25% } .grd-portfolio-shortcode .portfolio-item { margin: 15px 0; float: left } .grd-portfolio-shortcode .portfolio-item .content-item { float: left; width: 100%; position: relative; overflow: hidden; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 30px; } .grd-portfolio-shortcode .portfolio-item .content-item .entry-header { -webkit-transition: all .5s; transition: all .5s; float: left; width: 100%; position: relative } .grd-portfolio-shortcode .portfolio-item .content-item .entry-header .entry-thumbnail { float: left; width: 100%; -webkit-transition: all .5s; transition: all .5s } .grd-portfolio-shortcode .portfolio-item .content-item .entry-header .entry-thumbnail img { width: 100%; } .grd-portfolio-shortcode .portfolio-item .content-item .entry-header .entry-title { float: left; width: 100%; position: absolute; bottom: 0; right: 0; left: 0; height: 100%; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .54)); } .grd-portfolio-shortcode .portfolio-item .content-item .entry-header .entry-title .title { float: left; width: 100%; margin: 0; font-size: 18px; font-weight: 500; padding: 30px; color: #fff; position: absolute; bottom: 0 } .grd-portfolio-shortcode .portfolio-item .content-item .entry-content { float: left; width: 100%; height: 100%; position: absolute; background-color: rgba(16, 46, 25, .9); bottom: -100%; -webkit-transition: all .5s; transition: all .5s } .grd-portfolio-shortcode .portfolio-item .content-item .entry-content .entry-title { float: left; width: 100%; position: absolute; top: 0; height: 100% } .grd-portfolio-shortcode .portfolio-item .content-item .entry-content .entry-title .title { float: left; width: 100%; margin: 0; font-size: 18px; font-weight: 500; padding: 27px 30px; color: #FFF; bottom: 0; padding-bottom: 0 } .grd-portfolio-shortcode .portfolio-item .content-item .entry-content .entry-title .entry-meta { float: left; width: 100% } .grd-portfolio-shortcode .portfolio-item .content-item .entry-content .entry-meta { margin-top: 5px; padding: 0 30px; margin-bottom: 0 } .grd-portfolio-shortcode .portfolio-item .content-item .entry-content .entry-meta .category { float: left; width: 100%; font-size: 16px; color: #9cc212; text-decoration: none } .grd-portfolio-shortcode .portfolio-item .content-item .entry-content .entry-read-more { float: left; position: absolute; bottom: 0; font-size: .875em } .grd-portfolio-shortcode .portfolio-item .content-item .entry-content .entry-read-more .read-more { float: left; padding: 23px 30px; color: #fff; text-transform: uppercase; -webkit-transition: all .5s; transition: all .5s } .grd-portfolio-shortcode .portfolio-item .content-item .entry-content .entry-read-more .read-more i { margin-right: 5px; font-size: 24px; position: relative; top: 2px } .grd-portfolio-shortcode .portfolio-item .content-item .entry-content .entry-read-more:hover .read-more { color: #9cc212 } .grd-portfolio-shortcode .portfolio-item:hover .entry-content { bottom: 0 } .grd-portfolio-shortcode .portfolio-item:hover .entry-header .title { display: none } .grd-portfolio-shortcode .portfolio-item:hover .entry-thumbnail { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .grd-portfolio-shortcode .portfolio-item:first-child { margin-left: 0; left: 0 !important } .grd-portfolio-shortcode .item-full-width { padding: 0; margin: 0 } .grd-portfolio-shortcode .item-full-width .content-item { -webkit-border-radius: 0; border-radius: 0 } .grd-portfolio-shortcode .item-full-width .entry-thumbnail { padding-top: 83.333% } .grd-portfolio-shortcode .item-full-width .entry-thumbnail img { float: left; position: absolute; left: 0; bottom: 0 } .grd-portfolio-shortcode .grd_portfolio_grid { float: left; width: 100% } .grd-portfolio-shortcode .grd_portfolio_grid { margin: 0; } .grd-portfolio-shortcode .grd_portfolio_grid_ez { padding: 0 15px } .grd-portfolio-shortcode .portfolio-cats-filters { margin-bottom: 50px; z-index: 999; margin-top: 20px } .grd-portfolio-shortcode .portfolio-cats-filters #filters { border-bottom: 1px solid #f2f2f2; height: 37px } .grd-portfolio-shortcode .portfolio-cats-filters #filters .button { color: #444; padding: 15px 20px; border: 0; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #f4f4f4; margin: 0 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px } .grd-portfolio-shortcode .portfolio-cats-filters #filters .active { color: #fff; background-color: #9cc212; text-decoration: none; } .nav-filter { text-align: center; margin: 40px 0; } .nav-filter a { list-style: none; display: inline-block; /* width: 100%; */ margin: 10px 0px; } .nav-filter a.active { color: #fff; background-color: #9cc212; display: inline-block; } .nav-filter a { color: #444; padding: 15px 20px; border: 0; box-shadow: none; cursor: pointer; user-select: none; background-color: #f4f4f4; margin: 0 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; display: block; width: 130px; display: inline-block; margin-bottom: 10px; } .grd-portfolio-shortcode .pag-2 .pagination .page-numbers { display: none } .grd-portfolio-shortcode .pag-2 .pagination .next { display: block; width: 150px; color: #fff; border-color: #9cc212; background-color: #9cc212 } .grd-portfolio-shortcode .pag-2 .pagination .next:hover { color: #9cc212; border-color: #9cc212; background-color: #FFF } .grd-portfolio-shortcode .portfolio-layout-full-width .container-full { width: 100% } .mf-mf-video-wrapper { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center } .grd-video-banner { position: relative; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden } .grd-video-banner .mf-video-content { float: left; width: 100%; height: 100%; position: absolute; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center } .grd-video-banner .mf-video-content a { width: 50px; height: 50px } .grd-video-banner .mf-video-content .video-play { float: left; font-size: 80px; color: #111c55; width: 50px; height: 50px; -webkit-transition: all .5s; transition: all .5s; background: url(); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover } .grd-video-banner .mf-video-content .video-play:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .grd-video-banner .content-video { position: absolute; float: left; width: 100%; bottom: 0; left: 0; padding: 30px 20px } .grd-video-banner .content-video .telephone { height: 55px; width: 240px; border: 0; -webkit-box-shadow: none; box-shadow: none; font-size: 15px; padding: 0; text-align: center; line-height: 55px; -webkit-border-radius: 0; border-radius: 0 } .grd-video-banner .content-video .telephone span { color: #368ef9; line-height: 55px; margin-right: 10px } .grd-list .title { margin-bottom: 20px; font-size: 18px; color: #FFF; font-weight: 500; text-transform: uppercase } .grd-list .textgreen { color: #9cc212; text-transform: none; } .grd-list .desc { margin-bottom: 20px } .grd-list ul { float: left; width: 100%; padding: 0; margin: 0 } .grd-list ul li { float: left; width: 100%; font-size: 16px; margin-bottom: 0; line-height: 36px; list-style: none } .grd-list ul li a span:before { color: #dadada; -webkit-transition: all .5s; transition: all .5s } .grd-list ul li a:hover { color: #9cc212; text-decoration: none } .grd-list ul li a:hover span:before { color: #9cc212 } .grd-list ul li .svg-icon { margin-right: 10px } .grd-list ul li svg { float: left } .grd-list h3, .grd-list h4 { margin: 0 } .miss-value .grd-list .title { text-transform: none } .grd-image-box-1 { float: left; width: 100%; border: 1px solid #f2f2f2; position: relative; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 30px; } .grd-image-box-1 .entry-title { float: left; width: 100% } .grd-image-box-1 .entry-title .title { float: left; width: 100%; padding: 35px 40px 40px 40px; font-size: 20px; font-weight: 500; margin: 0; z-index: 9 } .grd-image-box-1 .entry-icon { float: left; position: absolute; top: 18px; right: 30px; width: 65px; height: 65px; background-color: #9cc212; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all .5s; transition: all .5s; z-index: 999 } .grd-image-box-1 .entry-icon .svg-icon { font-size: 35px; color: #fff } .grd-image-box-1 .entry_thumbnail { float: left; width: 100%; position: relative; overflow: hidden } .grd-image-box-1 .entry_thumbnail img { -webkit-transition: all .5s; transition: all .5s; width: 100%; } .grd-image-box-1 .entry_thumbnail .hover { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .grd-image-box-1 .entry-content { float: left; width: 100%; padding: 36px 30px; line-height: 26px } .grd-image-box-1:hover .entry_thumbnail .hover { background-color: rgba(16, 46, 25, .8) } .grd-image-box-1:hover .entry_thumbnail img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .grd-image-box-1:hover .entry-icon { top: 68px } .grd-image-box-2 { float: left; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; position: relative; overflow: hidden; -webkit-border-radius: 5px; border-radius: 5px } .grd-image-box-2 .entry_thumbnail { width: 100%; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; padding: 0; text-align: center; -webkit-transition: all .5s ease; transition: all .5s ease } .grd-image-box-2 .entry_thumbnail img { min-height: 260px; } .grd-image-box-2 .entry_thumbnail .hover { display: none } .grd-image-box-2 .show { position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; width: 100%; height: 100%; padding: 20px; text-align: center; -webkit-transition: all .5s ease; transition: all .5s ease; background-color: #9cc212; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateY(110px) rotateX(-90deg); transform: translateY(110px) rotateX(-90deg) } .grd-image-box-2 .show .entry-title { float: left; width: 100%; margin-top: 30px; margin-bottom: 15px } .grd-image-box-2 .show .entry-title .title { text-align: center; font-weight: 400; font-size: 20px; line-height: 26px } .grd-image-box-2 .show .entry-content { float: left; width: 100%; line-height: 26px; color: #FFF; text-align: center; margin-bottom: 10px } .grd-image-box-2:hover .entry_thumbnail { opacity: 0; -webkit-transform: translateY(-110px) rotateX(90deg); transform: translateY(-110px) rotateX(90deg) } .grd-image-box-2:hover a { text-decoration: none } .grd-image-box-2:hover .show { opacity: 1; -webkit-transform: rotateX(0); transform: rotateX(0) } .grd-image-box-3 { float: left; width: 100% } .grd-image-box-3 .top { float: left; position: relative; width: 100% } .grd-image-box-3 .top .entry_thumbnail { overflow: hidden; float: left; width: 100%; height: 250px; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; -webkit-transition: height .5s; transition: height .5s } .grd-image-box-3 .top .entry_thumbnail img { position: relative; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -webkit-transition: all .5s; transition: all .5s; width: 100%; } .grd-image-box-3 .top .entry_thumbnail:before { opacity: 0; content: ''; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; z-index: 9; background-color: rgba(16, 46, 25, .8); -webkit-transition: all .5s; transition: all .5s; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0 } .grd-image-box-3 .top .entry-icon { float: left; position: absolute; top: -webkit-calc(100% - 28px); top: calc(100% - 28px); left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 65px; height: 65px; background-color: #9cc212; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all .5s; transition: all .5s; z-index: 999 } .grd-image-box-3 .top .entry-icon .svg-icon { font-size: 35px; color: #fff } .grd-image-box-3 .top .entry-icon .svg-icon svg { margin-bottom: -3px } .grd-image-box-3 .bottom { float: left; width: 100%; margin-top: 10px; background-color: #f4f4f4; padding: 30px 20px 23px 20px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px } .grd-image-box-3 .bottom .entry-title { margin: 20px 0 15px 0 } .grd-image-box-3 .bottom .entry-title a .title { font-size: 20px; color: #2e2e2e; font-weight: 400; text-align: center } .grd-image-box-3 .bottom .entry-title a:hover { text-decoration: none } .grd-image-box-3 .bottom .entry-content { line-height: 26px; text-align: center } .grd-image-box-3 .bottom .entry-read-more { float: left; width: 100%; text-align: center; margin-top: 10px; overflow: hidden; height: 0; -webkit-transition: height .5s; transition: height .5s } .grd-image-box-3 .bottom .entry-read-more a { font-size: 14px; color: #2e2e2e; text-transform: uppercase; font-weight: 500 } .grd-image-box-3 .bottom .entry-read-more a .svg-icon { margin-right: 10px; font-size: 24px; position: relative; top: 2px } .grd-image-box-3 .bottom .entry-read-more a:hover { text-decoration: none; color: #9cc212 } .grd-image-box-3:hover .top .entry_thumbnail { height: 210px } .grd-image-box-3:hover .top .entry_thumbnail img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .grd-image-box-3:hover .top .entry_thumbnail:before { opacity: 1 } .grd-image-box-3:hover .bottom { -webkit-box-shadow: 0 4px 9px 4px rgba(0, 0, 0, .07); box-shadow: 0 4px 9px 4px rgba(0, 0, 0, .07); background-color: #FFF } .grd-image-box-3:hover .bottom .entry-read-more { height: 40px } .grd-image-box-4 { float: left; width: 100%; border: 1px solid #f2f2f2; position: relative; -webkit-border-radius: 5px; border-radius: 5px; padding: 0 20px; background: #fff } .grd-image-box-4 .entry-title { float: left; width: 100% } .grd-image-box-4 .entry-title .title { float: left; width: 100%; padding: 38px 40px; font-size: 20px; font-weight: 500; margin: 0; z-index: 9; text-align: center; -webkit-transition: all .5s; transition: all .5s } .grd-image-box-4 .entry-icon { float: left; position: absolute; top: 70px; right: 30px; width: 65px; height: 65px; background-color: #9cc212; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all .5s; transition: all .5s; z-index: 999 } .grd-image-box-4 .entry-icon .svg-icon { font-size: 35px; color: #fff } .grd-image-box-4 .entry_thumbnail { float: left; width: 100%; position: relative; overflow: hidden } .grd-image-box-4 .entry_thumbnail img { -webkit-transition: all .5s; transition: all .5s } .grd-image-box-4 .entry_thumbnail .hover { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .grd-image-box-4 .entry-content { float: left; width: 100%; padding: 35px 10px; line-height: 26px; text-align: center } .grd-image-box-4:hover .entry-title .title { color: #9cc212 } .grd-image-box-4:hover .entry_thumbnail .hover { background-color: rgba(16, 46, 25, .8) } .grd-image-box-4:hover .entry_thumbnail img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .grd-image-box-4:hover .entry-icon { top: 20px } .grd-image-box-5 { float: left; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; position: relative; overflow: hidden; -webkit-border-radius: 5px; border-radius: 5px } .grd-image-box-5 .entry_thumbnail { width: 100%; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; padding: 0; text-align: center; -webkit-transition: all .5s ease; transition: all .5s ease } .grd-image-box-5 .entry_thumbnail .hover { display: none } .grd-image-box-5 .show { position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; width: 100%; height: 100%; padding: 20px; text-align: center; -webkit-transition: all .5s ease; transition: all .5s ease; background-color: #102e19; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateY(110px) rotateX(-90deg); transform: translateY(110px) rotateX(-90deg); display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center } .grd-image-box-5 .show .entry-title { float: left; width: 100%; margin-bottom: 15px } .grd-image-box-5 .show .entry-title .title { text-align: center; font-weight: 500; font-size: 20px; line-height: 26px } .grd-image-box-5 .show .entry-content { float: left; width: 100%; line-height: 26px; color: #FFF; text-align: center } .grd-image-box-5:hover .entry_thumbnail { opacity: 0; -webkit-transform: translateY(-110px) rotateX(90deg); transform: translateY(-110px) rotateX(90deg) } .grd-image-box-5:hover a { text-decoration: none } .grd-image-box-5:hover .show { opacity: 1; -webkit-transform: rotateX(0); transform: rotateX(0) } .grd-empty-space, .vc_empty_space { clear: both } .grd-image-box-6 { float: left; width: 100%; position: relative; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; } .grd-image-box-6 .entry_thumbnail { overflow: hidden; float: left; width: 100%; height: 180px } .grd-image-box-6 .entry_thumbnail img { -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; width: 100%; } .grd-image-box-6 .entry-icon { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-border-radius: 100%; border-radius: 100%; z-index: 999 } .grd-image-box-6 .entry-icon .svg-icon { font-size: 80px; color: #9cc212 } .grd-image-box-6 .entry-icon .svg-icon svg { margin-bottom: -3px } .grd-image-box-6 .entry-title { margin: 10px 0 20px 0 } .grd-image-box-6 .entry-title a .title { font-size: 20px; color: #2e2e2e; font-weight: 500; text-align: left; margin-top: 0 } .grd-image-box-6 .entry-title a:hover { text-decoration: none } .grd-image-box-6 .entry-content { line-height: 26px; text-align: left } .grd-image-box-6 .entry-read-more { float: left; width: 100%; padding: 12px 20px; margin-top: 0; overflow: hidden; position: relative; z-index: 99999 } .grd-image-box-6 .entry-read-more a { font-size: 14px; text-transform: uppercase; font-weight: 500 } .grd-image-box-6 .entry-read-more a .svg-icon { float: left; margin-right: 10px; font-size: 24px; line-height: 28px; } .grd-image-box-6 .entry-read-more a .svg-icon svg { float: left } .grd-image-box-6 .image-background { float: left; width: 100%; position: absolute; top: 0; left: 0; right: 0; z-index: -1; opacity: 0; display: block; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; -webkit-transition: all .7s; transition: all .7s } .grd-image-box-6 .image-background img { float: left; width: 100%; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content } .grd-image-box-6 .bottom { float: left; width: 100%; margin-top: 0; background-color: #fff; padding: 25px 30px 32px 30px; z-index: 999; position: relative; -webkit-transition: all .7s; transition: all .7s } .grd-image-box-6 .box-img { -webkit-transition: all .5s; transition: all .5s; -webkit-transform: translateX(0) rotateY(0); transform: translateX(0) rotateY(0); opacity: 1 } .grd-image-box-6 .box-img .entry-read-more { border-top: 1px solid #f4f4f4 } .grd-image-box-6 .fix-box { opacity: 0; clear: both; position: absolute; height: 100%; z-index: 999; -webkit-transition: all .5s; transition: all .5s; -webkit-transform: translateX(0) rotateY(180deg); transform: translateX(0) rotateY(180deg); background-color: rgba(16, 46, 25, .9); width: 100%; } .grd-image-box-6 .fix-box { background-image: url(/images/srbg-1.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .grd-image-box-6 .fix-box .entry_thumbnail { background-color: rgba(16, 46, 25, .9) } .grd-image-box-6 .fix-box .entry_thumbnail img { display: none } .grd-image-box-6 .fix-box .fix-top { padding: 0 30px; overflow: hidden } .grd-image-box-6 .fix-box .fix-top .entry_thumbnail { width: 100%; height: 250px; opacity: 0 } .grd-image-box-6 .fix-box .entry-icon { position: absolute; top: 1px } .grd-image-box-6 .fix-box .fix-bottom { padding: 25px 30px 32px 30px; z-index: 999; background-color: rgba(16, 46, 25, .9) } .grd-image-box-6 .fix-box .entry-read-more { z-index: 999; background-color: rgba(16, 46, 25, .9); border-top: 1px solid #3e5443 } .grd-image-box-6:hover .box-img { opacity: 0; -webkit-transition: all .5s; transition: all .5s; -webkit-transform: translateX(0) rotateY(180deg); transform: translateX(0) rotateY(180deg) } .grd-image-box-6:hover .fix-box { opacity: 1; -webkit-transform: translateX(0) rotateY(0); transform: translateX(0) rotateY(0); -webkit-transition: all .5s; transition: all .5s } .grd-image-box-6:hover .entry-read-more a { color: #fff } .grd-image-box-6:hover .entry-read-more a:hover { text-decoration: none; color: #9cc212 } .grd-image-box-6:hover .entry-title a .title { color: #fff } .grd-image-box-6:hover .entry-content { color: #9eaba2 } .grd-image-box-7 { border: 1px solid #f2f2f2; overflow: hidden; -webkit-border-radius: 5px; border-radius: 5px; position: relative } .grd-image-box-7 .entry_thumbnail { float: left; width: 35%; background-color: #f4f4f4; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; padding: 40px 0; position: relative } .grd-image-box-7 .entry_thumbnail:after { content: ''; position: absolute; height: 0; width: 1px; background-color: #e5e5e5; right: 0; top: 35px; -webkit-transition: all .5s; transition: all .5s } .grd-image-box-7 .right { position: relative; float: left; width: 65%; padding: 35px } .grd-image-box-7 .right .entry-title a .title { font-size: 20px; font-weight: 400; margin: 0 0 20px 0 } .grd-image-box-7 .right .entry-title a:hover { text-decoration: none } .grd-image-box-7 .right .entry-content { line-height: 26px } .grd-image-box-7:before { content: ''; background-color: #f4f4f4; position: absolute; left: 0; width: 0; height: 100%; opacity: 0; -webkit-transition: all .5s; transition: all .5s } .grd-image-box-7:hover:before { width: 100%; opacity: 1 } .grd-image-box-7:hover .entry_thumbnail:after { height: -webkit-calc(100% - 70px); height: calc(100% - 70px) } /*** ==================================================================== Banner style ==================================================================== ***/ .grd-banner-style-1 { position: relative; float: left; width: 100%; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden } .grd-banner-style-1 .image { float: left; position: relative } .grd-banner-style-1 .image img { -webkit-border-radius: 5px; border-radius: 5px } .grd-banner-style-1 .content { float: left; width: 100%; position: absolute; bottom: 0; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(16, 49, 25, 0)), to(#103119)); background: -webkit-linear-gradient(rgba(16, 49, 25, 0), #103119); background: linear-gradient(rgba(16, 49, 25, 0), #103119) } .grd-banner-style-1 .content .descr { position: absolute; right: 50px; bottom: 130px; font-family: 'Poppins', sans-serif; font-weight: 700 } .grd-banner-style-1 .content .descr p { color: #FFF; margin: 0 } .grd-banner-style-1 .content .button { position: absolute; right: 50px; bottom: 50px; -webkit-border-radius: 25px; border-radius: 25px; padding: 10px 30px; border: 2px solid #9cc212; color: #9cc212 } .grd-banner-style-1 .content .button:hover { background-color: #9cc212 } .grd-banner-style-1 .content .button:hover a { color: #FFF; text-decoration: none } .grd-banner-style-2 { position: relative; float: left; width: 100%; -webkit-border-radius: 5px; border-radius: 5px } .grd-banner-style-2 .image { float: left; position: relative } .grd-banner-style-2 .image img { -webkit-border-radius: 5px; border-radius: 5px } .grd-banner-style-2 .content { float: left; position: absolute; top: -40px; left: 40px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; padding: 25px 40px 30px; background-color: #9cc212; -webkit-border-radius: 5px; border-radius: 5px; width: 370px } .grd-banner-style-2 .content .descr { float: left; width: 100%; font-family: 'Poppins', sans-serif; color: #FFF } .grd-banner-style-2 .content .descr h3 { font-size: 24px; font-family: 'Poppins', sans-serif; color: #FFF } .grd-banner-style-2 .content .descr p { color: #FFF; margin: 0; line-height: 35px } .grd-banner-style-2 .content .button { float: left; color: #fff; margin-top: 15px } .grd-banner-style-2 .content .button a { color: #fff; text-transform: uppercase } .grd-banner-style-2 .content .button a .svg-icon { font-size: 25px; margin-right: 10px } .grd-banner-style-2 .content .button a .svg-icon svg { float: left; margin-right: 10px } .grd-banner-style-3 { position: relative; float: left; width: 100%; -webkit-border-radius: 5px; border-radius: 5px } .grd-banner-style-3 .image { float: left; position: relative } .grd-banner-style-3 .image img { -webkit-border-radius: 5px; border-radius: 5px } .grd-banner-style-3 .content { float: left; position: absolute; top: 90px; right: -100px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; padding: 40px 35px; background-color: #fff; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #f2f2f2; width: 370px } .grd-banner-style-3 .content .descr { float: left; width: 100% } .grd-banner-style-3 .content .descr .content-title { float: left; width: 100%; position: relative } .grd-banner-style-3 .content .descr .content-title .title { font-size: 24px; color: #2e2e2e; font-weight: 500; margin: 20px 0; font-family: 'Poppins', sans-serif } .grd-banner-style-3 .content .descr .content-title .title:before { content: ''; width: 30px; height: 7px; left: 0; top: -7px; background: url(); position: absolute } .grd-banner-style-3 .content .descr ul { float: left; width: 100%; margin: 0; padding: 0 } .grd-banner-style-3 .content .descr ul li { list-style: none; margin: 13px 0; color: #848484; padding-left: 30px; position: relative } .grd-banner-style-3 .content .descr ul li:before { content: ""; float: left; left: 0; position: absolute; width: 30px; background: url(); background-repeat: no-repeat; height: 100%; background-position: left center } .grd-banner-style-3 .content .descr ul li:last-child { margin-bottom: 0 } /*** ==================================================================== Award carousel ==================================================================== ***/ .grd-award-carousel { margin-top: 5px } .grd-award-carousel .carousel-wrapper { max-width: 750px; margin: 0 auto; position: relative } .grd-award-carousel .carousel-wrapper:after { display: block; content: ""; clear: both } .grd-award-carousel .item { float: left; width: 100% } .grd-award-carousel .item .svg-icon, .grd-award-carousel .item .title, .grd-award-carousel .item .content, .grd-award-carousel .item .grd-button-group { float: left; width: 100% } .grd-award-carousel .item .svg-icon { color: #9cc212; line-height: 140% } .grd-award-carousel .item .svg-icon i { font-size: 140px; line-height: 140px; } .grd-award-carousel .item .grd-button-group { margin-top: 40px; line-height: 30px; height: 55px } .grd-award-carousel .item .grd-button-group .grd-button { padding: 15px 30px } .grd-award-carousel .item .grd-button-group .grd-button { color: #ffffff; border: 2px solid #ffffff; border-radius: 25px; padding: 11px 25px 9px 25px; } .grd-award-carousel .slick-arrow { font-size: 0px!important; } .grd-award-carousel .slick-arrow::before { font-size: 34px; } .grd-award-carousel .item .title { font-weight: 500; font-family: 'Rubik', sans-serif; font-size: 24px; color: #fff443; line-height: 30px; margin-top: 0; margin-bottom: 5px } .grd-award-carousel .item .content { font-size: 20px; font-weight: 500; line-height: 30px; max-width: 450px; margin: 0 auto; float: none; font-family: 'Poppins', sans-serif } .grd-award-carousel .icon-theme-dark .content { color: #FFF } .grd-award-carousel .slick-arrow { border: 2px solid #fff; font-size: 25px; color: #fff; width: 60px; height: 60px; -webkit-border-radius: 60px; border-radius: 60px; top: -webkit-calc(50% + 8px); top: calc(50% + 8px); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; z-index: 99; -webkit-transition: all .5s; transition: all .5s } .grd-award-carousel .slick-arrow:hover { border: 2px solid #9cc212 } .grd-award-carousel .arrow-left { left: 0 } .grd-award-carousel .arrow-right { right: 0 } /*** ==================================================================== Slick slides ==================================================================== ***/ .slick-dots { position: initial; margin-top: 20px } .slick-dots li { width: 10px; height: 10px } .slick-dots li button { width: 10px; height: 10px } .slick-dots li button:before { -webkit-border-radius: 0; border-radius: 0; border: 1px solid #e5e5e5 } .slick-dots li button:hover:before { background-color: #9cc212 } .slick-dots li.slick-active button:before { background-color: transparent; border: 3px solid #9cc212 } .carousel-img { clear: both; margin: 0 -15px } .carousel-img .box-img { padding: 0 15px; float: left } .carousel-img .box-img a { outline: 0 } .carousel-img .slick-arrow { top: 45%; z-index: 999; border: 0 } .carousel-img .slick-arrow i { font-size: 35px; color: white } .carousel-img .grd-left-arrow { left: 30px } .carousel-img .grd-right-arrow { right: 30px } .carousel-img.slick-dotted.slick-slider { margin-bottom: 0 } /*** ==================================================================== FAQ design ==================================================================== ***/ .dl_faq h3 { color: #2e2e2e } .dl_faq h2, .dl_faq h3, .dl_faq p { font-weight: 400 } .dl_faq .side_faq { overflow: hidden } .dl_faq .side_faq.style-2 { border-bottom: 1px solid #f2f2f2; padding-bottom: 25px } .dl_faq .side_faq.style-2:last-child { border: 0; padding-bottom: 0 } .dl_faq .side_faq.style-2:last-child p { margin-bottom: 0 } .dl_faq .style-1 { margin-bottom: 10px } .dl_faq .style-1 h3 { font-size: 20px; line-height: 36px; margin: 0 0 10px; -webkit-transition: all .5s; transition: all .5s } .dl_faq .style-1 .box-icon { float: left } .dl_faq .style-1 .box-icon i { font-size: 36px; color: #dadada; -webkit-transition: all .5s; transition: all .5s } .dl_faq .style-1 .box-faq { padding-left: 60px } .dl_faq .style-1:hover h3 { color: #9cc212 } .dl_faq .style-1:hover .box-icon i { color: #9cc212 } .dl_faq .style-2 h2 { font-size: 24px; line-height: 26px; text-transform: uppercase; margin-bottom: 20px } .dl_faq .style-2 h3, .dl_faq .style-2 p { font-size: 18px; line-height: 26px } .dl_faq .style-2 .question h2 { color: #d0d0d0 } .dl_faq .style-2 .asked h2 { padding-left: 60px; color: #9cc212 } .dl_faq .style-2 .asked p { padding-left: 60px; border-left: 1px solid #f2f2f2; font-size: 16px } /*** ==================================================================== Timeline design ==================================================================== ***/ .dl_timeline { overflow: hidden; padding: 20px 40px } .dl_timeline .box-timeline { text-align: center; padding: 0 32px; margin-top: 10px; border-top: 1px solid #dedede } .dl_timeline .box-timeline .hook { overflow: hidden; width: 100%; margin-top: -18px } .dl_timeline .box-timeline .hook span { display: block; margin: 0 auto } .dl_timeline .box-timeline .hook span:first-child { display: inline-block; width: 15px; height: 15px; border: 2px solid #dedede; background: white; -webkit-border-radius: 50%; border-radius: 50%; margin-bottom: -7px } .dl_timeline .box-timeline .hook span:first-child p { width: 3px; height: 3px; background: #aacb34; -webkit-border-radius: 50%; border-radius: 50%; display: block; padding: 0; line-height: 15px; margin: 4px auto } .dl_timeline .box-timeline .hook span:last-child { width: 1px; height: 40px; background: #dedede } .dl_timeline .box-timeline h2, .dl_timeline .box-timeline h4, .dl_timeline .box-timeline p { margin: 0 } .dl_timeline .box-timeline h2, .dl_timeline .box-timeline h4 { font-size: 18px; font-weight: 400 } .dl_timeline .box-timeline h2 { color: #fff; padding: 20px 0 } .dl_timeline .box-timeline p { color: #9eaba2; padding: 0 25px } .dl_timeline .box-timeline h4 { padding: 10px 0 20px; color: #2e2e2e; line-height: 36px } .dl_timeline .box-timeline .box-img { position: relative } .dl_timeline .box-timeline .box-img img { width: 100%; } .dl_timeline .box-timeline .overlay { position: absolute; top: 82%; height: 100%; background-color: #102e19; opacity: .9; -webkit-transition: all .5s; transition: all .5s } .dl_timeline .box-timeline:hover .overlay { top: 0; padding-top: 30%; -webkit-transition: all .5s; transition: all .5s } .dl_timeline.fix-overlay .box-timeline:hover .overlay { padding-top: 0 } .dl_timeline.fix-overlay .box-timeline h2 { padding: 10px 0 } .dl_timeline.fix-overlay .box-timeline p { padding: 0 10px } .dl_timeline .slick-arrow { position: absolute; top: 10px; display: block; width: 40px; height: 40px; border: 1px solid #c9c9c9; -webkit-border-radius: 3px; border-radius: 3px; text-align: center; line-height: 40px; cursor: pointer; z-index: 999 } .dl_timeline .slick-arrow:hover i { color: #abca38; -webkit-transition: all .5s; transition: all .5s } .dl_timeline .grd-left-arrow { left: 0 } .dl_timeline .grd-right-arrow { right: 0 } /*** ==================================================================== Team members ==================================================================== ***/ .dl_members { text-align: center } .dl_members h2, .dl_members h3 { font-weight: 400 } .dl_members h3 { color: #2e2e2e; font-size: 20px; margin: 0 0 30px } .dl_members .job { font-size: 18px; color: #9cc212; padding-top: 20px } .dl_members ul { list-style: none; margin: 0 } .dl_members ul li { display: inline-block; margin: 0 } .dl_members ul a { display: block } .dl_members.style-2 h3, .dl_members.style-2 .job { position: absolute; left: 0; right: 0; text-align: center; z-index: 99; background-color: #fff; -webkit-transition: .5s; transition: .5s } .dl_members.style-2 h3 { top: 0; padding-bottom: 30px } .dl_members.style-2 .job { bottom: 0 } .dl_members.style-2 .box-img { top: 50px } .dl_members.style-2:hover .box-img { top: 0; -webkit-transition: all .5s; transition: all .5s } .dl_members.style-2:hover h3 { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%) } .dl_members.style-2:hover .job { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%) } .dl_members.style-2 .box-member .overlay-link { background-color: initial } .dl_members.style-2 .box-member .overlay-link ul { background: -webkit-gradient(linear, left top, left bottom, from(#ffffff00), to(#102e19)); background: -webkit-linear-gradient(#ffffff00, #102e19); background: linear-gradient(#ffffff00, #102e19) } .dl_members.style-2 .box-member .overlay-link a:hover { border: 1px solid transparent; background-color: #9cc212; color: white } .dl_members.style-2 .box-member:hover img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .dl_members .box-member { position: relative; overflow: hidden } .dl_members .box-member .box-img { position: relative; overflow: hidden; -webkit-transition: all .5s; transition: all .5s } .dl_members .box-member img { -webkit-transition: all .5s; transition: all .5s } .dl_members .box-member .overlay-link { position: absolute; bottom: -100%; width: 100%; height: 100%; background-color: #102e19; opacity: .9; -webkit-transition: all .5s; transition: all .5s } .dl_members .box-member .overlay-link ul { position: absolute; width: 100%; left: 0 } .dl_members .box-member .overlay-link ul { padding: 0; line-height: 100px; height: 80px; bottom: 0 } .dl_members .box-member .overlay-link li { padding-top: 100px; -webkit-transition: all .5s; transition: all .5s } .dl_members .box-member .overlay-link a { margin: 0 5px; width: 28px; height: 28px; line-height: 28px; border: 1px solid #686868; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; color: #fff } .dl_members .box-member .overlay-link a:hover { border: 1px solid transparent; color: #9cc212 } .dl_members .box-member .overlay-link li i:before { font-size: 12px } .dl_members .box-member:hover .overlay-link { bottom: 0 } .dl_members .box-member:hover .overlay-link li { padding-top: 0 } .dl_members .box-member:hover img { -webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08) } .dl_members.box-2 { margin-top: 54px; position: relative } .dl_members.box-2 h2 { font-size: 20px; line-height: 30px; margin: 0 0 20px } .dl_members.box-2 a { font-size: 14px; text-transform: uppercase } .dl_members.box-2 a:hover { color: #9cc212 } .dl_members.box-2 .box-text { position: absolute; top: 50%; width: 100%; left: 50%; -webkit-transition: tr; transition: tr; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 15px } .dl_members.box-2 .box-text .dl-button { display: inline-block; margin-left: 10px } .dl_members.box-2.text-dark h2, .dl_members.box-2.text-dark a, .dl_members.box-2.text-dark svg { color: #fff } .dl_members.box-2.text-light h2, .dl_members.box-2.text-light a, .dl_members.box-2.text-light svg { color: #fff } /*** ==================================================================== Counters ==================================================================== ***/ .dl_counter { position: relative; color: #222; padding: 15px 0 20px; padding-left: 15% } .dl_counter h3, .dl_counter p { margin: 0; padding: 0 } .dl_counter span { font-size: 60px } .dl_counter.style-2 { padding-left: 0 } .dl_counter.style-2 div:first-child { border: 0 } .dl_counter.style-2 h3 { float: left; margin-right: 20px; line-height: 64px; min-width: 120px } .dl_counter.style-2 .content p { line-height: 32px } .dl_counter .border { width: 33.33%; height: 100%; border: 2px dashed #89aa10; position: absolute; top: 0; left: 0 } .dl_counter .border-right { position: absolute; right: 35px; top: 0; width: 1px; height: 100% } .dl_counter .content { position: relative } .dl_counter .content p { font-size: 18px; line-height: 28px; color: #222 } /*** ==================================================================== Price chart ==================================================================== ***/ .dl_prices_1.text-dark { color: #2e2e2e } .dl_prices_1.text-dark h3, .dl_prices_1.text-dark p { color: #2e2e2e } .dl_prices_1.text-dark li { color: #919191 } .dl_prices_1.text-light { color: #fff } .dl_prices_1.text-light h3, .dl_prices_1.text-light p { color: #fff } .dl_prices_1.text-light li { color: #dedede } .dl_prices_1 ul, .dl_prices_1 li, .dl_prices_1 h3 { padding: 0; margin: 0; font-weight: 400 } .dl_prices_1 li { font-size: 16px; line-height: 36px; list-style: none } .dl_prices_1 li i { text-indent: 0; margin-right: 10px; color: #dadada } .dl_prices_1 .form { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex } .dl_prices_1 .form>div { width: 40%; border: 1px solid #f2f2f2 } .dl_prices_1 .form>div:nth-child(2) { border-left: 0 } .dl_prices_1 .form>div:last-child { width: 20%; text-align: center; border-left: 0 } .dl_prices_1 .title-price { font-size: 16px; line-height: 36px; font-family: 'Poppins', sans-serif; font-weight: 500; text-transform: uppercase } .dl_prices_1 .title-price>div { border-bottom: 0; padding: 10px 30px } .dl_prices_1 .title-price>div:last-child { border: 0 } .dl_prices_1 .main_table h3 { font-size: 20px; line-height: 28px } .dl_prices_1 .main_table>div { padding: 30px } .dl_prices_1 .main_table p { font-size: 24px; line-height: 36px; margin: 0 } .dl_prices_1 .main_table p span:last-child { position: relative; top: 5px; font-size: 16px } .dl_prices_2 p { padding: 0; margin: 0; font-weight: 400 } .dl_prices_2.text-dark .title-price { color: #222 } .dl_prices_2.text-light .title-price { color: #fff } .dl_prices_2 .form { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex } .dl_prices_2 .form>div { width: 50%; border: 1px solid #f2f2f2 } .dl_prices_2 .form>div:last-child { border-left: 0 } .dl_prices_2 .title-price { line-height: 36px; font-size: 18px } .dl_prices_2 .title-price>div { font-family: 'Poppins', sans-serif; border-bottom: 0; text-align: center; padding: 10px 0 } .dl_prices_2 .main_price>div { padding: 10px 0; line-height: 36px; font-size: 16px } .dl_prices_2 .main_price>div:first-child { padding-left: 35px } .dl_prices_2 .main_price>div:last-child { text-align: center } .dl_prices_3 { text-align: center } .dl_prices_3 ul, .dl_prices_3 li, .dl_prices_3 p, .dl_prices_3 h3 { padding: 0; margin: 0 } .dl_prices_3 li { list-style: none; font-size: 16px; line-height: 36px } .dl_prices_3 h3 { font-size: 20px; margin-bottom: 20px; position: relative } .dl_prices_3 h3, .dl_prices_3 a { font-weight: 500 } .dl_prices_3 a:hover { text-decoration: none } .dl_prices_3.style-2 { padding: 50px 0; background: #fff; -webkit-box-shadow: 1px 0 18px rgba(0, 0, 0, .07); box-shadow: 1px 0 18px rgba(0, 0, 0, .07); -webkit-border-radius: 3px; border-radius: 3px } .dl_prices_3.text-dark h3, .dl_prices_3.text-dark .text-after { color: #222 } .dl_prices_3.text-dark .dl-button a { border: 2px solid #222 } .dl_prices_3.text-light h3, .dl_prices_3.text-light .text-after { color: #fff } .dl_prices_3.text-light .dl-button a { border: 2px solid #fff } .dl_prices_3 .price { margin: 20px 0; color: #9cc212 } .dl_prices_3 .price span { font-weight: bold } .dl_prices_3 .price .unit-pr { position: relative; top: -16px; font-size: 20px } .dl_prices_3 .price .price-main { font-size: 54px; font-weight: bold } .dl_prices_3 .price .text-after { display: inline-block; line-height: 22px; border-left: 1px solid #f2f2f2; text-align: left; padding-left: 10px; margin-left: 10px; position: relative; top: -3px } .dl_prices_3 .sale { position: absolute; right: 0; top: -22px; font-size: 14px; display: block; width: 60px; height: 60px; padding-top: 14px; font-weight: 700; background-color: #9cc212; -webkit-border-radius: 50%; border-radius: 50%; color: white } .dl_prices_3 .dl-button a { display: inline-block; padding: 8px 44px 6px; border: 2px solid #222; -webkit-border-radius: 30px; border-radius: 30px; text-transform: uppercase; font-size: 14px; line-height: 28px } .dl_prices_3 .dl-button a:hover { border: 2px solid transparent; background-color: #9cc212; color: white } /*** ==================================================================== Team carousel ==================================================================== ***/ .dl_team_carousel { clear: both } .dl_team_carousel .box-team { position: relative; padding-left: 15px } .dl_team_carousel .box-team .box-banner { position: absolute; top: 0; overflow: hidden; height: 100%; -webkit-border-radius: 5px; border-radius: 5px } .dl_team_carousel .box-team .box-banner img { width: 100% } .dl_team_carousel .box-team .box-banner .text-banner { position: absolute; top: 0; width: 100%; padding: 0 50px 0 0; height: 100%; text-align: right; color: #333; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .02)), to(#000)); background: -webkit-linear-gradient(rgba(255, 255, 255, .02), #000); background: linear-gradient(rgba(255, 255, 255, .02), #000) } .dl_team_carousel .box-team .box-banner .text-banner h2 { font-weight: bold; font-size: 35px; line-height: 48px; color: #2e2e2e; margin-top: 20% } .dl_team_carousel .box-team .box-banner .text-banner h2 b { font-size: 48px } .dl_team_carousel .box-team .box-banner .text-banner a { display: inline-block; padding: 12px 30px; border: 2px solid #9cc212; -webkit-border-radius: 25px; border-radius: 25px; margin-top: 20px; text-transform: uppercase; font-weight: 500 } .dl_team_carousel .box-team .box-banner .text-banner a:hover { background: #9cc212; color: #fff; text-decoration: none } .dl_team_carousel .box-team .slick-arrow { border-color: #e5e5e5 } .dl_team_carousel .box-title { margin: 0 15px 40px; position: relative; text-align: left } .dl_team_carousel .box-title h2 { margin-top: 0; padding-top: 27px; color: #2e2e2e; font-weight: 500 } .dl_team_carousel .box-title h2:before { content: ''; position: absolute; top: 0; left: 0; background-color: #9cc212; width: 15px; height: 7px } .dl_team_carousel .box-title h2:after { content: ''; position: absolute; top: 0; left: 15px; background-color: #7a941a; width: 15px; height: 7px } .dl_team_carousel .item-team { margin: 0 15px } .dl_team_carousel .item-team h3, .dl_team_carousel .item-team .job { text-align: center; -webkit-transition: .5s; transition: .5s } .dl_team_carousel .item-team .box-img { -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden } .dl_team_carousel .item-team .box-img img { margin: 0 auto; -webkit-transition: all .5s; transition: all .5s; width: 100%; } .dl_team_carousel .item-team:hover .box-img { -webkit-transition: all .5s; transition: all .5s } .dl_team_carousel .item-team:hover img { -webkit-transform: scale(1.06); -ms-transform: scale(1.06); transform: scale(1.06) } .dl_team_carousel .item-team .box-member .overlay-link { background-color: initial } .dl_team_carousel .item-team .box-member .overlay-link ul { background: -webkit-gradient(linear, left top, left bottom, from(#ffffff00), to(#102e19)); background: -webkit-linear-gradient(#ffffff00, #102e19); background: linear-gradient(#ffffff00, #102e19) } .dl_team_carousel .item-team .box-member .overlay-link a:hover { border: 1px solid transparent; background-color: #9cc212; color: white } .dl_team_carousel .slick-arrow { top: -120px } .dl_team_carousel .grd-left-arrow { right: 75px } .dl_team_carousel .slick-dots { margin-top: 15px } .slick-arrow { display: block; width: 50px; height: 50px; line-height: 50px; border: 1px solid #405847; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; right: 15px; cursor: pointer; text-align: center } .slick-arrow span { font-size: 20px } .slick-arrow:hover { color: #9cc212 } .grd-left-arrow { right: 75px } .dl-box-title { margin: 0 0 45px; position: relative; text-align: left } .dl-box-title h2 { margin-top: 0; padding-top: 27px; color: #2e2e2e; font-weight: 500 } .dl-box-title h2:before { content: ''; position: absolute; top: 0; left: 0; background-color: #9cc212; width: 15px; height: 7px } .dl-box-title h2:after { content: ''; position: absolute; top: 0; left: 15px; background-color: #7a941a; width: 15px; height: 7px } .dl-box-title.box-2 { text-align: center } .dl-box-title.box-2 h2:before { left: -15px } .dl-box-title.box-2 h2:before, .dl-box-title.box-2 h2:after { right: 0; margin: 0 auto } /*** ==================================================================== Testimonial carousel ==================================================================== ***/ .dl_testimorial_carousel { clear: both } .dl_testimorial_carousel.no-star .list-star { display: none } .dl_testimorial_carousel h3, .dl_testimorial_carousel p { font-weight: 400 } .dl_testimorial_carousel h3 { font-size: 20px; color: #222 } .dl_testimorial_carousel .address { font-size: 16px; color: #9cc212 } .dl_testimorial_carousel .svg-icon i { font-size: 70px; color: #e5e5e5; margin-bottom: 20px } .dl_testimorial_carousel .item-testi { padding: 0 15px; position: relative } .dl_testimorial_carousel .box-text { float: left } .dl_testimorial_carousel .box-star i { margin-right: 2px } .dl_testimorial_carousel .box-star .fa-star { color: #9cc212 } .dl_testimorial_carousel .style-1 .box-text, .dl_testimorial_carousel .style-1 .box-avatar { width: 50%; border: 1px solid #f2f2f2 } .dl_testimorial_carousel .item-testi.style-1::after { clear: both; display: table; content: ''; } .dl_testimorial_carousel .style-1 .box-text { position: relative; min-height: 250px; padding: 40px 30px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: all .5s; transition: all .5s } .dl_testimorial_carousel .style-1 .box-text p { line-height: 30px; margin-bottom: 0 } .dl_testimorial_carousel .box-avatar { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; border-left: 0; padding: 40px 25px } .dl_testimorial_carousel .slick-current .style-1 .box-avatar { left: 0; border-left: 1px solid #f2f2f2; border-right: 0; } .dl_testimorial_carousel .slick-current .style-1 .box-text { left: 50%; } .dl_testimorial_carousel .style-1 .box-avatar .address { margin-bottom: 5px } .dl_testimorial_carousel .style-1 .box-avatar img { margin-bottom: 25px; -webkit-border-radius: 50%; border-radius: 50%; width: auto; } .dl_testimorial_carousel .style-1 .box-avatar h3 { margin-top: 0 } .dl_testimorial_carousel .style-1 .box-avatar:before { content: ""; width: 5px; height: 98%; margin: 3px 0; position: absolute; top: 0; right: -5px; border: 1px solid #eee; -webkit-border-radius: 1%; border-radius: 1%; -webkit-transition: all .5s; transition: all .5s } .dl_testimorial_carouse .slick-current l .style-1 .box-text { left: 50% } .dl_testimorial_carousel .slick-current .style-1 .box-avatar:before { right: initial; left: -5px } .dl_testimorial_carousel .style-1:hover .box-text { border: 1px solid #9cc212 } .dl_testimorial_carousel .style-1:hover .box-text svg { color: #9cc212 } .dl_testimorial_carousel .style-1:hover .box-avatar:before { background-color: #9cc212 } .dl_testimorial_carousel .style-3.item-testi { padding: 50px 40px; border: 1px solid #f2f2f2; margin-top: 60px; margin-bottom: 10px } .dl_testimorial_carousel .style-3 .box-avatar { width: 100px; height: 100px; position: absolute; top: -50px; right: 50px; border: 2px solid transparent; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all .5s; transition: all .5s; padding: 0; } .dl_testimorial_carousel .style-3 .box-avatar img { width: 100%; -webkit-border-radius: 50%; border-radius: 50% } .dl_testimorial_carousel .style-3 .box-text { position: relative; } .dl_testimorial_carousel .style-3 .box-text p { margin-bottom: 0 } .dl_testimorial_carousel .style-3:hover { -webkit-box-shadow: 1px 0 15px rgba(0, 0, 0, .15); box-shadow: 1px 0 15px rgba(0, 0, 0, .15); -webkit-transition: all .6s; transition: all .6s } .dl_testimorial_carousel .style-3:hover .box-avatar { border: 2px solid #9cc212; -webkit-transition: all .5s; transition: all .5s } .dl_testimorial_carousel .style-2 .svg-icon i { color: #9cc212 } .dl_testimorial_carousel .style-2 p { color: #262626 } .dl_testimorial_carousel .style-2.item-testi { -webkit-box-shadow: 1px 0 15px rgba(0, 0, 0, .08); box-shadow: 1px 0 15px rgba(0, 0, 0, .08); border: 1px solid #f2f2f2 } .dl_testimorial_carousel .style-2 .box-text { padding: 20px 40px 40px; -webkit-background-size: cover; background-size: cover } .dl_testimorial_carousel .style-2 .box-text .content { width: 60% } .dl_testimorial_carousel .style-4 .box-text { text-align: center; width: 60%; margin: 0 auto; float: none } .dl_testimorial_carousel .style-4 .box-text p { font-size: 18px } .dl_testimorial_carousel .style-4 .box-star h3 { font-size: 16px; text-transform: uppercase } .dl_testimorial_carousel .style-4 .hook { width: 2px; height: 40px; background: #284330; display: inline-block } .dl_testimorial_carousel .style-4 .icon-quotation-2 { display: inline-block; border: 2px solid #284330; -webkit-border-radius: 50%; border-radius: 50% } .dl_testimorial_carousel .style-4 .icon-quotation-2 svg { font-size: 60px; padding: 12px; margin-bottom: 0 } .dl_testimorial_carousel .style-4 .grd-left-arrow { top: 40%; left: 10% } .dl_testimorial_carousel .style-4 .grd-right-arrow { top: 40%; right: 10% } .dl_testimorial_carousel .slick-arrow { top: -120px; z-index: 999 } .dl_testimorial_carousel .slick-arrow.slick-disabled { cursor: no-drop } /*** ==================================================================== Map box ==================================================================== ***/ .map-box { position: relative; top: 90px; margin-bottom: -150px !important; padding: 40px 40px 40px 40px; z-index: 99 } .map-box .wpb_column:nth-child(n+2) .vc_column-inner { padding-top: 0 !important } .map-box .wpb_content_element { margin-bottom: 0 !important } .map-box h3 { font-weight: 500; margin-bottom: 30px } .map-box p { font-size: 15px; margin-bottom: 7px } .map-box a { color: #848484 } .map-box a:hover { color: #9cc212 } @-webkit-keyframes shake { 10%, 90% { -webkit-transform: translate3d(-1px, 0, 0); transform: translate3d(-1px, 0, 0) } } @keyframes shake { 10%, 90% { -webkit-transform: translate3d(-1px, 0, 0); transform: translate3d(-1px, 0, 0) } } .medium { font-weight: 500 } .padding .vc_column_container { padding-left: 15px !important; padding-right: 15px !important } @keyframes shake { 10%, 90% { -webkit-transform: translate3d(-1px, 0, 0); transform: translate3d(-1px, 0, 0) } 20%, 80% { -webkit-transform: translate3d(2px, 0, 0); transform: translate3d(2px, 0, 0) } 30%, 50%, 70% { -webkit-transform: translate3d(-4px, 0, 0); transform: translate3d(-4px, 0, 0) } 40%, 60% { -webkit-transform: translate3d(4px, 0, 0); transform: translate3d(4px, 0, 0) } } @-webkit-keyframes fadeinBottom { from { margin-bottom: -100%; opacity: 0 } to { margin-bottom: 0; opacity: 1 } } @keyframes fadeinBottom { from { margin-bottom: -100%; opacity: 0 } to { margin-bottom: 0; opacity: 1 } } /*** ==================================================================== FAQ form ==================================================================== ***/ .faq-form { text-align: center; border: 1px solid #f2f2f2 } .faq-form input, .faq-form select { display: block; width: 100%; } .faq-form input[type="submit"] { display: inline-block; } .faq-form h2, .faq-form h3 { margin: 0 } .faq-form h2 { font-size: 18px; font-weight: 500; color: #2e2e2e; background-color: #f4f4f4; padding: 17px 0 } .faq-form p { padding: 30px 30px 40px } .faq-form label { text-align: left; padding: 10px 0 0; display: block; margin-bottom: 0 } .faq-form input[type="text"], .faq-form input[type="email"], .faq-form select, .faq-form textarea { border: 0; border-bottom: 1px solid #f2f2f2; padding-left: 0!important; outline: 0 } .faq-form .text-829 input[type="text"] { height: 40px } .faq-form .wpcf7-submit { margin-top: 20px } .wpcf7 .wpcf7-form .faq-form input, .wpcf7 .wpcf7-form .faq-form textarea, .wpcf7 .wpcf7-form .faq-form select { margin-bottom: 10px!important } .grd_quotes { position: relative; padding: 35px 25px; text-decoration: underline; font-size: 18px; line-height: 28px; -webkit-transition: all .5s; transition: all .5s; -webkit-box-shadow: 1px 1px 29px rgba(0, 0, 0, .12); box-shadow: 1px 1px 29px rgba(0, 0, 0, .12) } .grd_quotes p { color: #2f2f2f } .grd_quotes:after { content: " "; position: absolute; top: 0; left: 0; height: 100%; width: 2px; background: #9cc212 } .time-box { position: relative; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0 } .pswp .mf-video-wrapper, .pswp .mf-wrapper { position: relative; width: 100%; height: 100% } .pswp .mf-video-wrapper iframe, .pswp .mf-video-wrapper .wp-video { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .pswp .mf-video-wrapper iframe:-webkit-full-screen { -webkit-transform: none; transform: none } .wpb_gmaps_widget .wpb_wrapper { padding: 0; background-color: transparent } .alignnone { margin: 0 } .aligncenter, div.aligncenter, .aligncenter img { display: block; margin: 1em auto } .alignright { float: right; margin: 5px 0 20px 20px } .alignleft { float: left; margin: 5px 20px 20px 0 } .wp-caption { max-width: 100%; text-align: center } .wp-caption img { display: block; width: 100%; height: auto; margin: 0 } .wp-caption-text { font-size: small; margin: 0; padding: 5px 0 0 } .gallery-caption { display: block } .bypostauthor { display: block } .sticky { display: block } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden } .screen-reader-text:focus { background-color: #f1f1f1; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: .875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000 } .gallery { margin-bottom: 1.5em; margin-left: -7px; margin-right: -7px } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; margin: 0; padding: 7px } .gallery-columns-2 .gallery-item { max-width: 50% } .gallery-columns-3 .gallery-item { max-width: 33.33% } .gallery-columns-4 .gallery-item { max-width: 25% } .gallery-columns-5 .gallery-item { max-width: 20% } .gallery-columns-6 .gallery-item { max-width: 16.66% } .gallery-columns-7 .gallery-item { max-width: 14.28% } .gallery-columns-8 .gallery-item { max-width: 12.5% } .gallery-columns-9 .gallery-item { max-width: 11.11% } .gallery-caption { display: block } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none } /*** ==================================================================== Header ==================================================================== ***/ .site-logo { padding-top: 1.8em; padding-bottom: 1.8em } .site-logo h1, .site-logo h2, .site-logo p { margin: 0; line-height: 0; text-indent: -9999px } .site-header { border-bottom: 1px solid #e1e1e1 } .page-template-template-homepage .site-header { border-bottom: 0 } .header-v2 .site-logo { padding-top: 0; padding-bottom: 0 } .header-v2 .header-bar { padding-bottom: 42px } .header-v2 .header-bar i { color: #9cc212; margin-right: 5px; line-height: 44px; } .header-v2 .header-bar .highlights { margin-top: 10px } .header-v2 .header-row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 10px; padding-bottom: 10px; height: 120px } .header-v2 .header-row:after, .header-v2 .header-row:before { display: none } .header-bar { background: #13371e; color: #a2b1a5 } .header-bar .highlights { margin-top: 2.5em } .header-bar .highlights .widget { display: inline-block; border-right: 1px solid #405847; padding-right: 1.875em; margin: 0 1.875em 0 0 } .header-bar .highlights .widget .pull-left { font-size: .875em; margin-right: 1.25em; font-weight: 500 } .header-bar .highlights .widget .pull-left div:first-child { color: #fff; font-size: 16px; font-family: 'Poppins', sans-serif; margin-bottom: 9px; line-height: 1 } .header-bar .highlights .widget:first-child i { font-size: 3em } .header-bar .highlights .widget:last-child { border: 0; padding: 0; margin: 0 } .header-bar i { font-size: 2.5em } .header-content { line-height: 1 } .header-v1 .header-content { padding-left: 0 } .header-v3 .site-logo { padding: 0 0 0 15px } .header-v3 .header-content { padding-left: 0 } .page-template-template-homepage.header-transparent .header-main { position: absolute; left: 0; right: 0; top: 0; z-index: 99; background-color: transparent } .admin-bar.header-transparent .header-main { top: 32px } .header-v4 .header-bar { background: #fff; border-top: 3px solid #9cc212 } .header-v4 .header-bar .highlights { border-left: 1px solid #e5e5e5; margin-top: 0 } .header-v4 .header-bar .highlights .widget { border: 0; padding-left: 1.875em; margin: 0 } .header-v4 .header-bar .highlights .widget .pull-left { margin-right: 0 } .header-v4 .header-bar .highlights .widget .pull-left i { color: #9cc212; font-size: 20px; margin: 20px 15px 0 0; line-height: 50px; } .header-v4 .header-bar .highlights .widget .pull-right div { color: #848484; font-size: .875em } .header-v4 .header-bar .highlights .widget .pull-right>div:first-child { font-weight: 600; color: #2e2e2e; text-transform: uppercase; margin-top: 5px } .header-v4 .header-bar .highlights .widget_search { float: right; width: 400px; padding-right: 0 } .header-v4 .header-bar .highlights .widget_search .search-form { border: 1px solid #f2f2f2; -webkit-border-radius: 5px; border-radius: 5px; padding: 0 1.875em } .header-v4 .header-bar .highlights .widget_search .search-form:before { color: #aaa; right: 1.875em } .header-v4 .header-bar .highlights .widget_search .search-form label { padding-top: .3em } .header-v4 .header-bar .highlights .widget_search .search-form label input { height: 3.125em; font-size: .875em } .header-v4 .header-bar .highlights .widget_search .search-form .search-submit { height: 3.125em } .header-v4 .header-bar .highlights .widget_search .search-form::-webkit-input-placeholder { color: #848484 } .header-v4 .header-bar .highlights .widget_search .search-form:-moz-placeholder { color: #848484 } .header-v4 .header-bar .highlights .widget_search .search-form::-moz-placeholder { color: #848484 } .header-v4 .header-bar .highlights .widget_search .search-form:-ms-input-placeholder { color: #848484 } .header-v4 .header-row { padding: 10px 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 120px } .header-v4 .header-row:after, .header-v4 .header-row:before { display: none } .header-v4 .site-logo { padding-top: 0; padding-bottom: 0 } .header-v4 .header-menu { background: #102e19 } .header-v4 .site-header { border-bottom: 0; } /*** ==================================================================== shopping cart ==================================================================== ***/ .woocommerce .widget_shopping_cart_content, .widget_shopping_cart_content { padding: 15px 20px 20px; background-color: #fff; border: 1px solid #ccc; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px } .woocommerce .widget_shopping_cart_content .woocommerce-mini-cart__empty-message, .widget_shopping_cart_content .woocommerce-mini-cart__empty-message { margin-bottom: 0 } .woocommerce .widget_shopping_cart_content:after, .widget_shopping_cart_content:after { position: absolute; top: 50%; left: 50%; font-size: 50px; color: #444; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; -webkit-transform: none; -ms-transform: none; transform: none; margin-top: -25px; margin-left: -25px; z-index: -999; opacity: 0 } .woocommerce .widget_shopping_cart_content ul.cart_list, .widget_shopping_cart_content ul.cart_list { position: static; opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; border: 0; max-height: 420px; overflow-x: hidden; overflow-y: scroll; text-align: left } .woocommerce .widget_shopping_cart_content ul.cart_list li, .widget_shopping_cart_content ul.cart_list li { text-align: left; border: 0; border-bottom: 1px solid #e5e5e5; padding: 0 20px 20px 0; position: relative; width: 100% } .woocommerce .widget_shopping_cart_content ul.cart_list li:first-child, .widget_shopping_cart_content ul.cart_list li:first-child { margin-top: 0 } .woocommerce .widget_shopping_cart_content ul.cart_list li img, .widget_shopping_cart_content ul.cart_list li img { width: 50px; float: left; margin-left: 0; margin-right: 15px; margin-top: 5px } .woocommerce .widget_shopping_cart_content ul.cart_list li .quantity, .widget_shopping_cart_content ul.cart_list li .quantity { color: #999; font-weight: 300; display: inline-block; padding-top: 5px; padding-bottom: 5px } .woocommerce .widget_shopping_cart_content ul.cart_list li .variation, .widget_shopping_cart_content ul.cart_list li .variation { display: none; border: 0 } .woocommerce .widget_shopping_cart_content ul.cart_list li .amount, .widget_shopping_cart_content ul.cart_list li .amount { padding-left: 0; color: #ff1d5d; font-weight: 300; display: inline-block } .woocommerce .widget_shopping_cart_content ul.cart_list li a.remove, .widget_shopping_cart_content ul.cart_list li a.remove { position: absolute; right: 0; left: auto; top: 2px; color: #ccc !important; width: 14px; height: 14px; line-height: 14px; overflow: hidden; background-color: transparent !important } .woocommerce .widget_shopping_cart_content ul.cart_list li a.remove:before, .widget_shopping_cart_content ul.cart_list li a.remove:before { font-size: 14px; -webkit-transition: .5s; transition: .5s } .woocommerce .widget_shopping_cart_content ul.cart_list li a.remove:hover:before, .widget_shopping_cart_content ul.cart_list li a.remove:hover:before { color: #000 } .woocommerce .widget_shopping_cart_content ul.cart_list .mini_cart_item a, .widget_shopping_cart_content ul.cart_list .mini_cart_item a { font-size: 16px; font-weight: 400; border-top-width: 0; padding: 0; color: #000; text-transform: none } .woocommerce .widget_shopping_cart_content ul.cart_list .mini_cart_item a:hover, .widget_shopping_cart_content ul.cart_list .mini_cart_item a:hover { color: #9cc212 } .woocommerce .widget_shopping_cart_content .total, .widget_shopping_cart_content .total { padding: 30px 0 25px; overflow: hidden; clear: both; border-bottom: 1px solid #e5e5e5; margin-bottom: 30px; border-top: 0 } .woocommerce .widget_shopping_cart_content .total strong, .widget_shopping_cart_content .total strong { float: left; color: #2e2e2e; font-weight: 600; font-size: 18px; line-height: 1 } .woocommerce .widget_shopping_cart_content .total .amount, .widget_shopping_cart_content .total .amount { float: right; font-size: 18px; color: #f36; font-weight: 300; line-height: 1 } .woocommerce .widget_shopping_cart_content .buttons, .widget_shopping_cart_content .buttons { margin-bottom: 0 } .woocommerce .widget_shopping_cart_content .buttons a, .widget_shopping_cart_content .buttons a { font-size: 14px; float: left; height: 46px; line-height: 45px; padding: 0; font-weight: 600; min-width: 154px; text-transform: uppercase; text-align: center } .woocommerce .widget_shopping_cart_content .buttons .checkout, .widget_shopping_cart_content .buttons .checkout { float: right; background-color: transparent; border: 1px solid #000; color: #000 } .woocommerce .widget_shopping_cart_content .buttons .checkout:hover, .widget_shopping_cart_content .buttons .checkout:hover { background-color: #9cc212; color: #fff; border: 1px solid #9cc212 } .woocommerce .widget_shopping_cart_content .buttons:after, .widget_shopping_cart_content .buttons:after { display: block; content: ''; clear: both } .woocommerce .widget_shopping_cart_content .cart_list::-webkit-scrollbar, .widget_shopping_cart_content .cart_list::-webkit-scrollbar { display: none } .numeric-navigation { clear: both; display: block; text-align: center; float: none; padding-top: 0 } .numeric-navigation .page-numbers { color: #2e2e2e; font-weight: 500; font-size: 18px; width: 3.125em; height: 3.125em; line-height: 3.125em; -webkit-border-radius: 3px; border-radius: 3px; text-align: center; background-color: #fff; display: inline-block; margin: 0 5px; border: 1px solid #f2f2f2; -webkit-transition: .5s; transition: .5s } .numeric-navigation .page-numbers:first-child { margin-left: 0 } .numeric-navigation .page-numbers:last-child { margin-right: 0 } .numeric-navigation .page-numbers:hover, .numeric-navigation .page-numbers.current { color: #fff; border-color: #9cc212; background-color: #9cc212; text-decoration: none } /*** ==================================================================== Main Navigations ==================================================================== ***/ .site-menu { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex } .main-nav { margin-left: auto } .main-nav a { /*font-weight:bold;*/ font-family:'瀹嬩綋'锛 font-size: 1.075em; color: #2e2e2e; display: block } .main-nav a:hover { text-decoration: none } .main-nav ul { list-style: none; padding: 0; margin-bottom: 0; position: relative } .main-nav ul ul { -webkit-transition: top .3s ease 0s, opacity .3s; transition: top .3s ease 0s, opacity .3s; position: absolute; top: 110%; left: 0; min-width: 150px; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); background: #434343; -webkit-border-radius: .5em; border-radius: 0.3em; -webkit-box-shadow: 0 -5px 30px -5px rgba(0, 0, 0, .2); box-shadow: 0 -5px 30px -5px rgba(0, 0, 0, .2); z-index: 99; } .main-nav ul ul:before { content: ''; width: 100%; height: 10px; position: absolute; background-color: transparent; left: 0; /* top: -10px; */ z-index: 99; border-top: 3px solid #9dc238; } .main-nav ul ul ul { -webkit-transition: left .3s ease 0s, opacity .3s; transition: left .3s ease 0s, opacity .3s; left: 115%; top: 0; margin-top: 0; z-index: 99 } .main-nav ul ul ul:before { content: ''; width: 10px; height: 100%; position: absolute; background-color: transparent; top: 0; left: -10px; z-index: 99 } .main-nav li { position: relative } .main-nav li:hover>ul { opacity: 1; z-index: 9999; top: 59%; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) } .main-nav li li { padding-left: 20px; display: block; line-height: 1; -webkit-transition: .5s; transition: .5s; position: relative; white-space: nowrap; margin-bottom: 0px; border-bottom: 1px solid #353535; padding-right: 20px; } .main-nav li li:last-child { border-bottom: 0 } .main-nav li li a { font-size: 13px; padding: 18px 0; font-weight: 500; color: #a5a5a5; position: relative; display: block; text-transform: capitalize; letter-spacing: 1.5px; } .main-nav li li:hover { background-color: #333 } .main-nav li li:hover>a { color: #fff } .main-nav li li:hover>ul { top: 0; left: -webkit-calc(100% + 10px); left: calc(100% + 10px) } .main-nav ul.menu { zoom: 1 } .main-nav ul.menu:before, .main-nav ul.menu:after { content: ""; display: table } .main-nav ul.menu:after { clear: both } .main-nav ul.menu li.mf-active-menu { z-index: 9 } .main-nav ul.menu>li { float: left; position: relative; text-align: left; padding: 27px 22px; margin-bottom: 0 } .main-nav ul.menu>li:first-child>ul { left: 0 } .main-nav ul.menu>li>a { text-transform: uppercase; position: relative; -webkit-transition: .3s; transition: .3s } .main-nav ul.menu>li.current-menu-item>a, .main-nav ul.menu>li.current-menu-parent>a, .main-nav ul.menu>li.current-menu-ancestor>a, .main-nav ul.menu>li:hover>a { color: #fff } .main-nav ul.menu>li.active>a, .main-nav ul.menu>li:hover>a { color: #fff } .main-nav>ul.menu { zoom: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .main-nav>ul.menu:before, .main-nav>ul.menu:after { content: ""; display: table } .main-nav>ul.menu:after { clear: both } .main-nav>ul.menu>li { position: relative; padding: 0 10px; margin-bottom: 0; line-height:100px; } .main-nav>ul.menu>li:first-child>ul { left: 0 } .main-nav>ul.menu>li:last-child { padding-right: 0 } .main-nav>ul.menu>li>a { text-transform: uppercase; position: relative; -webkit-transition: .5s; transition: .5s } .main-nav>ul.menu>li:hover,.main-nav>ul.menu>li.active { background: #9cc212; color:#fff; } .main-nav>ul.menu>li.current_page_item>a, .main-nav>ul.menu>li:hover>a { color: #fff } .main-nav li:hover>ul { opacity: 1; z-index: 9999; top: 100%; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) } .main-nav li li:hover>ul { top: 0; left: -webkit-calc(100% + 10px); left: calc(100% + 10px) } .main-nav .menu { position: relative } .main-nav .menu .is-mega-menu { position: static !important } .main-nav .menu .is-mega-menu:hover .dropdown-submenu { -webkit-transform: translateX(0) scale(1); -ms-transform: translateX(0) scale(1); transform: translateX(0) scale(1) } .main-nav .menu .is-mega-menu:hover.align-right .dropdown-submenu { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .main-nav .menu .is-mega-menu:hover.align-left .dropdown-submenu { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .main-nav .menu .is-mega-menu .dropdown-submenu { left: 0; -webkit-transform: translateX(0) scale(0); -ms-transform: translateX(0) scale(0); transform: translateX(0) scale(0); width: 100%; padding: 0 } .main-nav .menu .is-mega-menu .dropdown-submenu>li { padding: 0 } .main-nav .menu .is-mega-menu .dropdown-submenu .mega-menu-content { padding: 42px 15px } .main-nav .menu .is-mega-menu .dropdown-submenu .menu-item-mega { padding: 0 25px } .main-nav .menu .is-mega-menu .dropdown-submenu .menu-item-mega>a { color: #fff; font-size: 18px; margin: 0; padding: 5px 0; font-weight: 500; text-transform: uppercase } .main-nav .menu .is-mega-menu .dropdown-submenu .menu-item-mega>a:hover { color: #fff } .main-nav .menu .is-mega-menu .dropdown-submenu .menu-item-mega>a.hide-text { visibility: hidden } .main-nav .menu .is-mega-menu .dropdown-submenu .menu-item-mega .sub-menu { background-color: transparent } .main-nav .menu .is-mega-menu .dropdown-submenu .menu-item-mega .sub-menu .sub-menu { margin-left: 10px; padding-bottom: 0 } .main-nav .menu .is-mega-menu .dropdown-submenu .mr-col { border-right: 1px solid #2f2f2f } .main-nav .menu .is-mega-menu .dropdown-submenu .mr-col:last-child { border: 0 } .main-nav .menu .is-mega-menu .dropdown-submenu .mega-menu-submenu .sub-menu { position: static; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); opacity: 1; width: 100%; border: 0; z-index: 9999; min-width: inherit; padding: 0; margin-top: 20px } .main-nav .menu .is-mega-menu .dropdown-submenu .mega-menu-submenu .sub-menu:before { display: none } .main-nav .menu .is-mega-menu .dropdown-submenu .mega-menu-submenu .sub-menu li { padding: 0; border: 0 } .main-nav .menu .is-mega-menu .dropdown-submenu .mega-menu-submenu .sub-menu li a { padding: 12px 0 } .main-nav .menu .is-mega-menu .dropdown-submenu .mega-menu-submenu .sub-menu li:first-child>a { padding-top: 0 } .main-nav .menu .is-mega-menu .dropdown-submenu .mega-menu-submenu .sub-menu li:last-child>a { padding-bottom: 0 } .main-nav .menu .is-mega-menu.align-right { position: static } .main-nav .menu .is-mega-menu.align-right .dropdown-submenu { left: auto; right: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0) } .main-nav .menu .is-mega-menu.align-left { position: static } .main-nav .menu .is-mega-menu.align-left .dropdown-submenu { left: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0) } .main-nav .menu .is-mega-menu:hover .mega-menu-container { opacity: 1; top: 100%; z-index: 9999; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) } .main-nav .menu .is-mega-menu .sub-menu { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) } .menu-extra { float: right; list-style: none; padding: 0; margin-bottom: 0; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center } .menu-extra li { float: left; position: relative; border-left: 1px solid #f2f2f2; padding: .3em 1.25em; margin: 1em 0; cursor: pointer } .menu-extra li:first-child { border: 0; margin-left: 0 } .menu-extra li:last-child { padding-right: 0 } .menu-extra a { font-size: 18px; color: #919191 } .menu-extra a:hover { color: #9cc212 } .menu-extra svg, .menu-extra i { font-size: 20px } .menu-extra .schedule .schedule-content { -webkit-transition: top .5s ease 0s, opacity .5s; transition: top .5s ease 0s, opacity .5s; position: absolute; top: 100%; right: -92px; width: 200px; background-color: #9cc212; padding: 20px 0; font-size: .875em; text-align: center; -webkit-border-radius: .5em; border-radius: .5em; border-top: 20px solid #fff; z-index: -1; opacity: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0) } .menu-extra .schedule .schedule-content a { color: #fff; font-size: 1em; text-transform: uppercase } .menu-extra .schedule .schedule-content:after { content: ''; position: absolute; bottom: 100%; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-bottom: solid 10px #9cc212; border-left: solid 10px transparent; border-right: solid 10px transparent } .menu-extra .schedule:hover .schedule-content { opacity: 1; z-index: 999; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) } .menu-extra .menu-item-cart .grd-mini-cart-content { -webkit-transition: top .5s ease 0s, opacity .5s; transition: top .5s ease 0s, opacity .5s; position: absolute; top: 110%; right: 10px; z-index: -1; opacity: 0; width: 366px; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); border-top: 20px solid transparent; background: #fff; -webkit-border-radius: 5px; border-radius: 5px } .menu-extra .menu-item-cart .grd-mini-cart-content ul:after { content: ''; clear: both; display: block } .menu-extra .menu-item-cart .cart-contents { position: relative; line-height: 1; -webkit-transition: none; transition: none } .menu-extra .menu-item-cart .cart-contents .svg-icon i { font-size: 22px; } .menu-extra .menu-item-cart:hover .grd-mini-cart-content { top: 100%; opacity: 1; z-index: 999; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) } .header-v1 .mf-active-menu, .header-v3 .mf-active-menu { display: none } .header-v2 .primary-nav>ul.menu>li.mf-active-menu { height: 2px; background-color: #9cc212; z-index: 1; position: absolute; top: 20px; padding: 0; -webkit-transition: none; transition: none } .header-v2 .header-main { position: relative } .header-v2 .header-menu { position: absolute; left: 0; right: 0; bottom: -45px; z-index: 1 } .header-v2 .site-menu { background: #fff; display: inline-block; width: 100% } .header-v2 .site-menu ul.menu>li { margin: 0; padding: 30px 20px 26px } .header-v2 .main-nav { float: left } .header-v2 .menu-extra .search-form { font-size: 1em; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex } .header-v2 .menu-extra .search-form:before { content: url(//demo3.steelthemes.com/grd/wp-content/themes/grd/img/svg/search.svg); width: 1.125em; height: 1.125em; position: absolute; top: 50%; right: 16px; color: #919191; z-index: 99; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .header-v2 .menu-extra .search-form:after { content: ''; position: absolute; top: 0; right: 0; width: 50px; height: 50px; background-color: #fff; z-index: 9 } .header-v2 .menu-extra .search-form .screen-reader-text { display: none } .header-v2 .menu-extra .search-form::-webkit-input-placeholder { color: #bebebe } .header-v2 .menu-extra .search-form:-moz-placeholder { color: #bebebe } .header-v2 .menu-extra .search-form::-moz-placeholder { color: #bebebe } .header-v2 .menu-extra .search-form:-ms-input-placeholder { color: #bebebe } .header-v2 .menu-extra .search-form .search-submit { position: relative; width: 50px; height: 50px; opacity: 0; z-index: 999 } .header-v2 .menu-extra .search-form input { width: 100%; border: 0; padding: 0 10px } .header-v2 .menu-extra .search-form input:focus { outline: 0; border-color: transparent } .header-v2 .menu-extra .toggle-search { position: relative; display: block } .header-v2 .menu-extra .toggle-search i, .header-v2 .menu-extra .toggle-search:before { -webkit-transition: .5s; transition: .5s; color: #999 } .header-v2 .menu-extra .search-form::before { content: url(../images/icon/search.svg); width: 1.125em; height: 1.125em; position: absolute; top: 50%; right: 16px; color: #919191; z-index: 99; transform: translateY(-50%); } .header-v2 .menu-extra .toggle-search .icon-cancel { position: absolute; left: 0; right: 0; top: 0; -webkit-transition: all .5s; transition: all .5s } .header-v2 .menu-extra .toggle-search .icon-cancel { top: 0; opacity: 0 } .header-v2 .menu-extra .toggle-search .icon-cancel i { font-size: 18px; position: relative; top: -2px } .header-v2 .menu-extra .show-search .toggle-search .icon-cancel { opacity: 1 } .header-v2 .menu-extra .show-search .toggle-search .icon-search { opacity: 0 } .header-v2 .menu-extra .menu-item-search .search-form { position: absolute; top: 58px; right: -21px; width: -webkit-max-content; width: -moz-max-content; width: max-content; line-height: 0; opacity: 0; -webkit-transition: .4s; transition: .4s; z-index: 99; border: 1px solid #f2f2f2 } .header-v2 .menu-extra .menu-item-search.show-search .search-form { opacity: 1; line-height: inherit } .header-v2 .menu-extra .menu-item-search label { margin: 0 } .header-v2 .menu-extra .schedule { margin: 0 0 0 20px; padding: 0; background: #89ab0d } .header-v2 .menu-extra .schedule .schedule-box { padding: 27px 55px; background: #9cc212; color: #fff; -webkit-border-radius: 0 3em 0 0; border-radius: 0 3em 0 0; font-weight: 500; font-size: .875em; text-transform: uppercase } .header-v2 .menu-extra .schedule .schedule-box a { color: #fff; font-size: 1em } .header-v2 .menu-extra .schedule .schedule-box i { margin-right: 10px } .header-v2 .menu-extra .schedule .schedule-box:hover { text-decoration: none } .header-v2 .menu-extra li { margin: 5 px0 0 } .header-v2 .menu-extra svg { color: #919191 } .header-v2 .menu-extra svg:hover { color: #9cc212 } .header-v3 .main-nav { margin-top: 10px } .header-v3 .main-nav ul.menu>li { margin: 0; padding: 30px 20px } .header-v3 .main-nav ul.menu>li.menu-item-search { padding: 18px 0 18px 20px } .header-v3 .main-nav ul.menu>li .toggle-search .fa { position: absolute; left: 0; right: 0; top: 12px; -webkit-transition: all .5s; transition: all .5s } .header-v3 .main-nav ul.menu>li .toggle-search .fa-close { top: 0; opacity: 0 } .header-v3 .main-nav ul.menu>li.show-search .toggle-search .fa-close { top: 12px; opacity: 1 } .header-v3 .main-nav ul.menu>li.show-search .toggle-search .fa-search { top: 0; opacity: 0 } .header-v3 .search-form { font-size: 1em; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex } .header-v3 .search-form:before { content: url(//demo3.steelthemes.com/grd/wp-content/themes/grd/img/svg/search.svg); width: 1.125em; height: 1.125em; position: absolute; top: 50%; right: 16px; color: #919191; z-index: 99; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .header-v3 .search-form:after { content: ''; position: absolute; top: 0; right: 0; width: 50px; height: 50px; background-color: #fff; z-index: 9 } .header-v3 .search-form .screen-reader-text { display: none } .header-v3 .search-form::-webkit-input-placeholder { color: #bebebe } .header-v3 .search-form:-moz-placeholder { color: #bebebe } .header-v3 .search-form::-moz-placeholder { color: #bebebe } .header-v3 .search-form:-ms-input-placeholder { color: #bebebe } .header-v3 .search-form .search-submit { position: relative; width: 50px; height: 50px; opacity: 0; z-index: 999 } .header-v3 .search-form input { width: 100%; border: 0; padding: 0 10px } .header-v3 .search-form input:focus { outline: 0; border-color: transparent } .header-v3 .menu-item-search a { width: 40px; height: 40px; border: 1px solid #aaa; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; line-height: 2.7 } .header-v3 .menu-item-search a:hover { color: #9cc212; border: 1px solid #9cc212 } .header-v3 .menu-item-search .search-form { position: absolute; top: 110%; right: 0; width: -webkit-max-content; width: -moz-max-content; width: max-content; line-height: 0; opacity: 0; -webkit-transition: .4s; transition: .4s; z-index: 99; border: 1px solid #f2f2f2 } .header-v3 .menu-item-search .search-form:before { content: "\f002"; font-family: "FontAwesome"; width: 1.125em; height: 1.125em; position: absolute; top: 50%; right: 16px; color: #919191; z-index: 99; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .header-v3 .menu-item-search .search-form:after { content: ''; position: absolute; top: 0; right: 0; width: 50px; height: 50px; background-color: #fff; z-index: 9 } .header-v3 .menu-item-search .search-form input { width: 100%; border: 0; padding: 0 10px; color: #bebebe } .header-v3 .menu-item-search .search-form input:focus { outline: 0; border-color: transparent } .header-v3 .menu-item-search .search-form::-webkit-input-placeholder { color: #bebebe } .header-v3 .menu-item-search .search-form:-moz-placeholder { color: #bebebe } .header-v3 .menu-item-search .search-form::-moz-placeholder { color: #bebebe } .header-v3 .menu-item-search .search-form:-ms-input-placeholder { color: #bebebe } .header-v3 .menu-item-search .search-form .search-submit { position: relative; width: 2.5em; height: 2.5em; opacity: 0; z-index: 999 } .header-v3 .menu-item-search.show-search .search-form { opacity: 1; line-height: inherit } .header-v3 .menu-item-search label { margin: 0 } .header-transparent.header-v3 .menu-item-search a { border: 1px solid rgba(255, 255, 255, .35) } .header-transparent.header-v3 .menu-item-search a:hover { border: 1px solid #9cc212 } .header-v4 .primary-nav>ul.menu>li.mf-active-menu { height: 2px; background-color: #9cc212; z-index: 1; position: absolute; bottom: 0; padding: 0; -webkit-transition: none; transition: none } .header-v4 .site-menu { -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .header-v4 .main-nav { margin-left: 0 } .header-v4 .main-nav ul.menu>li { margin: 0; padding: 29px 20px } .header-v4 .main-nav ul.menu>li>a { color: #fff } .header-v4 .menu-extra li { padding: 0; margin: 0; border: 0; float: right } .header-v4 .menu-extra li:last-child { margin-left: 1.5em } .header-v4 .menu-extra .schedule .schedule-box { background-color: #9cc212; color: #fff; -webkit-border-radius: 2em; border-radius: 2em; display: block; padding: 17px 35px; font-size: .875em; text-transform: uppercase; line-height: 1 } .header-v4 .menu-extra .schedule .schedule-box a { color: #fff; font-size: 1em } .header-v4 .menu-extra .schedule .schedule-box i { margin-right: 10px } .header-v4 .menu-extra .socials { margin: 0 } .header-v4 .menu-extra .socials a { border: 0; font-size: .875em } /*** ==================================================================== Mobile nav ==================================================================== ***/ .primary-mobile-nav { width: 340px; -webkit-transition: .4s; transition: .4s; background-color: #fff; position: fixed; top: 0; right: -340px; height: 100%; overflow-x: hidden; overflow-y: auto; color: #848484; z-index: 9999 } .primary-mobile-nav .mobile-nav-content { padding: 50px 30px } .primary-mobile-nav .close-canvas-mobile-panel { width: 30px; height: 30px; display: block; position: relative; margin-bottom: 25px; color: #fff; } .primary-mobile-nav .close-canvas-mobile-panel:before, .primary-mobile-nav .close-canvas-mobile-panel:after { content: ''; width: 2px; height: 100%; position: absolute; left: 14px; top: 0; background-color: #393939 } .primary-mobile-nav .close-canvas-mobile-panel:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .primary-mobile-nav .close-canvas-mobile-panel:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .primary-mobile-nav ul.menu { padding: 0 } .primary-mobile-nav ul.menu li { list-style: none; margin-bottom: 0 } .primary-mobile-nav ul.menu li.menu-item-has-children .toggle-menu-children { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 13px; height: 13px; display: block } .primary-mobile-nav ul.menu li.menu-item-has-children .toggle-menu-children:before, .primary-mobile-nav ul.menu li.menu-item-has-children .toggle-menu-children:after { content: ''; position: absolute; background-color: #252525 } .primary-mobile-nav ul.menu li.menu-item-has-children .toggle-menu-children:before { width: 1px; height: 100%; left: 6px; top: 0; -webkit-transition: .5s; transition: .5s } .primary-mobile-nav ul.menu li.menu-item-has-children .toggle-menu-children:after { height: 1px; width: 100%; top: 6px; left: 0; -webkit-transition: .5s; transition: .5s } .primary-mobile-nav ul.menu li>a { color: #252525; position: relative } .primary-mobile-nav ul.menu li>a:hover { color: #9cc212 } .primary-mobile-nav ul.menu li.active>a { color: #9cc212 } .primary-mobile-nav ul.menu li.active>a .toggle-menu-children:before { opacity: 0 } .primary-mobile-nav ul.menu li.current_page_parent>a, .primary-mobile-nav ul.menu li.current-menu-item>a, .primary-mobile-nav ul.menu li.current-menu-ancestor>a, .primary-mobile-nav ul.menu li.current-menu-parent>a { color: #9cc212 } .primary-mobile-nav ul.menu ul { padding-left: 15px; display: none; padding-top: 10px } .primary-mobile-nav ul.menu ul li { padding: 8px 0 } .primary-mobile-nav ul.menu ul li a { font-size: 14px; display: block } .primary-mobile-nav ul.menu>li { border-bottom: 1px solid #efefef; padding: 15px 0 14px } .primary-mobile-nav ul.menu>li>a { font-size: 16px; display: block; padding-left: 20px } .primary-mobile-nav .toggle-search { display: none !important } .primary-mobile-nav .extra-menu-item.menu-item-search .search-form { position: relative; opacity: 1 } .primary-mobile-nav .extra-menu-item.menu-item-search .search-form .search-field:hover, .primary-mobile-nav .extra-menu-item.menu-item-search .search-form .search-field:focus { border-color: #efefef } .primary-mobile-nav .mf-header-item-button { float: none } .primary-mobile-nav.open { right: 0 } .navbar-toggle { margin: 0; padding-left: 15px; padding-right: 15px; -webkit-border-radius: 0; border-radius: 0; position: static } .navbar-icon { -webkit-transition: all .4s; transition: all .4s; height: 25px; width: 27px; position: relative; float: right } .navbar-icon .navbars-line { -webkit-transition: .4s; transition: .4s; display: inline-block; width: 27px; height: 2px; background-color: #252525; position: absolute; top: 50%; left: 0; cursor: pointer } .navbar-icon .navbars-line:before, .navbar-icon .navbars-line:after { position: absolute; width: 100%; height: 2px; content: ''; background-color: #252525 } .navbar-icon .navbars-line:before { top: -8px } .navbar-icon .navbars-line:after { bottom: -8px } .grd-off-canvas-layer { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 9990; cursor: pointer; display: none; background-color: rgba(0, 0, 0, .5) } .open-canvas-panel .grd-off-canvas-layer { display: block } .container { padding-left: 0; padding-right: 0 } .site-content { padding-top: 65px; padding-bottom: 80px } .page-template-template-homepage .site-content, .page-template-template-fullwidth .site-content { padding: 0 } /*** ==================================================================== Blogs ==================================================================== ***/ .blog.content-sidebar .content-area, .blog.sidebar-content .content-area, .single.content-sidebar .content-area, .single.sidebar-content .content-area { border-right: 1px solid #f2f2f2; padding-right: 30px } .blog.content-sidebar .primary-sidebar, .blog.sidebar-content .primary-sidebar, .single.content-sidebar .primary-sidebar, .single.sidebar-content .primary-sidebar { padding-left: 30px } .single-service #primary { border-right: 0 } .sidebar-content .content-area { float: right } .entry-title { font-size: 16px; font-weight: 600; color: #2e2e2e; text-align: center; } .entry-meta { margin: 0 0 1.2em 0 } .entry-meta>span:last-child:after { display: none } .entry-meta i, .entry-meta svg { color: #9cc212; padding-right: .3em } .entry-meta svg { font-size: 20px; position: relative; top: 2px } .entry-meta a, .entry-meta .sep { color: #aaa } .entry-meta .sep { padding: 0 5px 0 3px } .entry-meta a:hover { color: #9cc212 } .entry-content p { color: #848484 } .entry-footer { font-family: 'Poppins', sans-serif; color: #2e2e2e; text-transform: uppercase; font-weight: 500; margin-top: 40px; clear: both } .entry-footer .tags-links { font-size: 14px; line-height: 2.2 } .entry-footer .tags-links a { font-size: 16px; font-weight: 400; color: #9cc212 } .entry-footer .tags-links span { color: #9cc212 } .entry-footer a { text-transform: none } .entry-footer .footer-socials { float: right; width: 50%; text-align: right } .entry-footer .footer-socials span i, .entry-footer .footer-socials span svg { font-size: 25px; color: #9cc212; font-weight: bold; position: relative; top: 4px; padding-right: .3em } .entry-footer .footer-socials .social-links { display: inline-block } .entry-footer .footer-socials .social-links a { width: 2.188em; height: 2.188em; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; background: #9cc212; color: #fff; display: inline-block; line-height: 2.3; margin-left: .625em } .entry-footer .footer-socials .social-links a.grd-facebook { background: #3a559f } .entry-footer .footer-socials .social-links a.grd-twitter { background: #55acee } .entry-footer .footer-socials .social-links a.grd-pinterest { background: #bd081b } .entry-footer .footer-socials .social-links a.grd-google-plus { background: #e02f2f } .entry-footer .footer-socials .social-links a.grd-linkedin { background: #2797cf } .entry-footer .footer-socials .social-links a.grd-vkontakte { background: #4c75a3 } .post-navigation .nav-links { border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; display: inline-block; width: 100%; padding: 2.188em 0; margin: 1.875em 0 0 0 } .post-navigation .nav-links .nav-previous { float: left; width: 50%; border-right: 1px solid #f2f2f2 } .post-navigation .nav-links .nav-previous .nav-title { padding-right: 50px } .post-navigation .nav-links .nav-next { float: right; width: 50%; text-align: right } .post-navigation .nav-links .nav-next .nav-title { padding-left: 50px } .post-navigation .nav-links .meta-nav { color: #848484; -webkit-transition: all .5s; transition: all .5s } .post-navigation .nav-links a:hover { text-decoration: none } .post-navigation .nav-links a:hover .meta-nav { color: #9cc212 } .post-navigation .nav-links .nav-title { font-family: 'Poppins', sans-serif; color: #2e2e2e; font-size: 18px; font-weight: 600 } .blog article { margin-bottom: 3.125em } .blog article.blog-wrapper-col-3:nth-child(3n+1) { clear: left } .blog article.blog-wrapper-col-2:nth-child(2n+1) { clear: left } .blog article.sticky .entry-title { position: relative; padding-left: 30px } .blog article.sticky .entry-title:before { position: absolute; font-family: FontAweSome; content: "\f08d"; top: 0; left: 0; font-size: 24px; -webkit-transition: .5s; transition: .5s } .blog article.sticky .entry-title:hover:before { color: #9cc212 } .blog .sidebar-content { float: right } .blog-wrapper { border: 1px solid #f2f2f2; -webkit-border-radius: .5em .5em 0 0; border-radius: .5em .5em 0 0; margin-bottom: 20px; -webkit-transition: .5s; transition: .5s } .no-thumb .blog-wrapper { padding-top: 20px } .blog-wrapper .entry-thumbnail { overflow: hidden; position: relative; -webkit-transition: .5s; transition: .5s; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0 } .blog-wrapper .entry-thumbnail a { display: block; position: relative; text-align:center; } .blog-wrapper .entry-thumbnail a:before { content: ''; width: 100%; height: 100%; opacity: 0; position: absolute; top: 0; left: 0; -webkit-transition: .5s; transition: .5s; z-index: 9; -webkit-border-radius: .5em .5em 0 0; border-radius: .5em .5em 0 0 } .blog-wrapper .entry-thumbnail img { -webkit-transition: .5s; transition: .5s; -webkit-border-radius: .5em .5em 0 0; border-radius: .5em .5em 0 0; max-height: 147px; width: auto; } .blog-wrapper .entry-thumbnail .meta-cat { position: absolute; bottom: 10px; right: 10px; background-color: #9cc212; color: #fff; padding: .3em .625em; -webkit-border-radius: .5em; border-radius: .5em; z-index: 10; display: none } .blog-wrapper .entry-header, .blog-wrapper .entry-content { padding: 0 1.875em } .blog-wrapper:hover { -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .04); box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .04) } .blog-wrapper:hover .entry-thumbnail img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .blog-wrapper:hover .entry-thumbnail a:before { opacity: .7 } .single-post .blog-wrapper .entry-content { padding-bottom: 20px } .single-post .blog-wrapper:hover { -webkit-box-shadow: none; box-shadow: none } .single-post .blog-wrapper:hover img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } .blog-wrapper .entry-meta { margin-bottom: 10px } .blog-wrapper .entry-meta .meta-date { color: #aaa; margin: 30px 0 24px 0; padding-bottom: 20px; position: relative } .blog-wrapper .entry-meta .meta-date .meta-day { display: block } .blog-wrapper .entry-meta .meta-date:after { content: ''; position: absolute; background: #9cc212; bottom: 0; left: 0; width: 45px; height: 3px } .blog-wrapper .entry-meta a { color: #848484 } .blog-wrapper .entry-title { margin: 20px 0 20px 0; line-height: 30px; } .blog-wrapper .entry-title a { color: #2e2e2e } .blog-wrapper .entry-title a:hover { color: #9cc212; text-decoration: none } .blog-wrapper .entry-footer { display: none } .blog-classic .entry-title { margin: 10px 0 20px 0; font-size: 24px } .blog-classic .entry-content .descr p { margin-bottom: 25px } .no-images .blog-wrapper { border: 0; border-right: 1px solid #f2f2f2; text-align: center } .no-images .blog-wrapper .entry-thumbnail { display: none } .no-images .blog-wrapper .entry-header { border-right: 1px solid #e5e5e5 } .no-images .col-sm-4:last-child .blog-wrapper .entry-header { border-right: 0; } .no-images .blog-wrapper .entry-header:after { content: ''; position: absolute; background: #9cc212; top: 0; right: 0; margin: 0 auto; left: 0; width: 45px; height: 3px } .no-images .blog-wrapper .entry-meta { padding-top: 10px; overflow: hidden; -webkit-transition: max-height .5s ease-out; transition: max-height .5s ease-out; height: auto; max-height: 50px } .no-images .blog-wrapper .entry-meta .meta-date { margin: 17px 0 0 0; padding: 0; -webkit-transition: .5s; transition: .5s; color: #848484 } .no-images .blog-wrapper .entry-meta .meta-date .meta-day { display: inline-block } .no-images .blog-wrapper .entry-meta .meta-date:after { display: none } .no-images .blog-wrapper .entry-meta .meta-author, .no-images .blog-wrapper .entry-meta .meta-tag, .no-images .blog-wrapper .entry-meta .meta-comment { display: none } .no-images .blog-wrapper .entry-title { margin-top: 17px; line-height: 30px } .no-images .blog-wrapper .entry-content { display: none } .no-images .blog-wrapper .entry-footer { display: block; overflow: hidden; -webkit-transition: max-height .5s ease-out; transition: max-height .5s ease-out; height: auto; max-height: 0; font-weight: 600 } .no-images .blog-wrapper .entry-footer a { text-transform: uppercase; color: #2e2e2e } .no-images .blog-wrapper .entry-footer a svg { font-size: 24px; margin-right: 7px; position: relative; top: 3px } .no-images .blog-wrapper .entry-footer a:hover { text-decoration: none; color: #9cc212 } .no-images .blog-wrapper:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .5s; transition: all .5s } .no-images .blog-wrapper:hover .entry-meta { max-height: 0 } .no-images .blog-wrapper:hover .entry-title a { color: #9cc212 } .no-images .blog-wrapper:hover .entry-footer { max-height: 50px } .no-images .hentry:last-child .blog-wrapper { border: 0 } .no-images article:nth-child(3) .blog-wrapper .entry-header { border-right: 0 } .arrow-blog { position: relative } .arrow-blog:before { content: ''; position: absolute; top: -50px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: url(/images/arrow-blog.png) center center no-repeat; width: 95px; height: 50px } .customer-help-1 .row { border: 1px solid #eee; } .edit-link { display: none } .single-post .entry-thumbnail img { margin-bottom: 20px } .single-post .site-content { padding-top: 80px } .single-post .entry-header .entry-title { margin-top: 0; font-size: 24px } .single-post .entry-header .entry-meta { margin-bottom: 40px } .single-post .post-password-form input[type="submit"] { -webkit-border-radius: 0; border-radius: 0; padding-top: 13px; padding-bottom: 13px; margin-left: 10px } .page-links { clear: both } .bypostauthor { display: block } .comments-area { clear: both; margin-top: 30px } .comments-area .comment-navigation { margin: 15px 0 20px; clear: both } .comments-area .comment-navigation .nav-links { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .comments-area .comment-navigation .nav-links a { color: #848484 } .comments-area .comment-navigation .nav-links a:hover { color: #9cc212 } .comments-area .comment-navigation .nav-links .nav-previous, .comments-area .comment-navigation .nav-links .nav-next { position: relative; padding-left: 13px } .comments-area .comment-navigation .nav-links .nav-previous:before, .comments-area .comment-navigation .nav-links .nav-next:before { font-family: FontAweSome; content: "\f100"; font-size: 14px; position: absolute; top: 2px; left: 0 } .comments-area .comment-navigation .nav-links .nav-next { padding-left: 0; padding-right: 13px } .comments-area .comment-navigation .nav-links .nav-next:before { right: 0; left: auto; content: "\f101" } .comments-area #comment-nav-below { margin-bottom: 0; margin-top: 20px } .comments-title { font-size: 20px; font-weight: 600; margin: 0 0 30px } .comment-list { list-style: none; margin: 0; padding: 0 } .comment-list .children { list-style: none; padding: 0 0 0 80px } .comment-list .children article { border-top-width: 0 } .comment-list .children:last-child { margin-bottom: 0 } .comment-list li .comment-content .fn a { color: #333; font-style: normal; padding-right: 10px; font-size: 14px; font-weight: 500 } .comment-list li .comment-content .date { font-size: 12px; text-transform: uppercase; padding-left: 10px; color: #848484 } .comment-list>.comment:first-child article { border: 0 } .comment { zoom: 1; float: left; clear: both; width: 100%; margin-bottom: 0 } .comment:before, .comment:after { content: ""; display: table } .comment:after { clear: both } .comment .comment-author { padding-right: 15px; float: left } .comment .comment-respond { margin-bottom: 50px } .numeric-navigation { clear: both; display: table; margin: 30px auto; float: none } .blog-grid .numeric-navigation { margin-top: 0; margin-bottom: 10px } .comment-respond { margin-top: 50px; clear: both } .comment-respond .comment-notes { display: none } .comment-respond .comment-reply-title { margin-bottom: 20px; font-weight: 600; font-size: 20px } .comment-respond input[type=text], .comment-respond input[type=email], .comment-respond textarea { border: 1px solid #d9d9d9; -webkit-transition: .5s; transition: .5s; outline: 0; padding: 15px; width: 100%; color: #000 } .comment-respond input[type=text]:focus, .comment-respond input[type=email]:focus, .comment-respond textarea:focus { border-color: #000 } .comment-respond textarea { height: 155px } .comment-respond p { margin-bottom: 0; margin-top: 0 } .comment-respond .logged-in-as { margin: 10px 0 } .comment-respond .comment-form-email { padding-right: 0; margin-bottom: 30px } .comment-respond .comment-form-comment { margin-bottom: 30px } .comment-respond .comment-form p { margin-bottom: 30px; } .comment-respond .comment-form-author { padding-left: 0; margin-bottom: 30px } .comment-respond .comment-form-url { padding-right: 0; padding-left: 0; margin-bottom: 30px } .comment-respond .comment-message { margin-top: 20px; color: red; min-height: 30px } .comment-respond .form-submit input[type="submit"] { background: #fff; color: #9cc212; -webkit-border-radius: 35px; border-radius: 35px; border: 2px solid #9cc212; font-size: 1em; text-transform: uppercase; font-weight: 500; padding: 17px 32px; outline: 0; -webkit-transition: .5s; transition: .5s } .comment-respond .form-submit input[type="submit"]:hover { background: #9cc212; color: #fff } .comment-content { margin-left: 80px; border-top: 1px solid #e1e1e1; padding: 20px 0 20px 20px; position: relative; font-size: 14px } .comment-content .comment-metadata { overflow: hidden; margin-bottom: 15px } .comment-content a { word-wrap: break-word } .comment-content .footer-comment a { margin-right: 10px; font-style: italic; color: #9cc212 } .pingback .comment-content { margin-left: 0; padding-left: 0 } .comment-awaiting-moderation { display: block } /*** ==================================================================== 404 page ==================================================================== ***/ .error404.header-v1 .site-content { padding-top: 205px } .error404 .site-content { padding-top: 130px; padding-bottom: 130px; position: relative } .error404 .error-404 { position: relative; text-align: center; color: #222 } .error404 .error-404 .page-header { margin-top: 0; padding-bottom: 0; margin-bottom: 45px; border: 0; background-color: transparent } .error404 .error-404 .page-header p { font-weight: 500; line-height: 1 } .error404 .error-404 .page-header p.line-1 { font-size: 20px; text-transform: uppercase; padding-bottom: 15px } .error404 .error-404 .page-header p.line-2 { font-size: 18px } .error404 .error-404 h1 { color: #222; font-size: 200px; font-weight: 700; margin: 0; line-height: 1; padding-bottom: 0 } .error404 .error-404 .search-form { font-size: 16px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; border: 2px solid #f7faff; max-width: 500px; margin: auto } .error404 .error-404 .search-form:after { content: ''; position: absolute; top: 28px; right: 50px; width: 1px; height: 25px; background-color: #e1e8f4; z-index: 9 } .error404 .error-404 .search-form .screen-reader-text { display: none } .error404 .error-404 .search-form::-webkit-input-placeholder { color: #9b9ea8 } .error404 .error-404 .search-form:-moz-placeholder { color: #9b9ea8 } .error404 .error-404 .search-form::-moz-placeholder { color: #9b9ea8 } .error404 .error-404 .search-form:-ms-input-placeholder { color: #9b9ea8 } .error404 .error-404 .search-form:before { content: '\f002'; position: absolute; top: 50%; right: 20px; color: #393939; font-family: FontAwesome; font-size: 14px; z-index: 99; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .error404 .error-404 .search-form label { width: 100%; margin-bottom: 0 } .error404 .error-404 .search-form label input { width: 100% } .error404 .error-404 .search-form .search-field { padding: 15px 20px; background-color: transparent; font-weight: 400; border-width: 0 } .error404 .error-404 .search-form .search-submit { position: relative; width: 50px; height: 50px; opacity: 0; z-index: 999 } .error404 .error-404 .back-home { margin-top: 50px } .error404 .error-404 .back-home a { color: #222; font-size: 18px; font-weight: 500; text-transform: capitalize } .wpcf7 .wpcf7-form .title { font-weight: 500; color: #2e2e2e; font-size: 1em; margin: 0 0 1.25em 0 } .wpcf7 .wpcf7-form .title span { color: #bebebe } /*** ==================================================================== Contact form ==================================================================== ***/ .wpcf7 .wpcf7-form input, .wpcf7 .wpcf7-form textarea, .wpcf7 .wpcf7-form select { width: 100%; margin-bottom: 1.875em !important } .wpcf7 .wpcf7-form select { height: 50px; border-color: #f2f2f2; padding: 10px; color: #bebebe; border: 1px solid #eee; } .wpcf7 .wpcf7-form input[type="date"] { color: #bebebe } .wpcf7 .wpcf7-form input[type="date"]:before { content: '\f073'; font-family: 'FontAwesome'; position: absolute; top: 2px; right: .9em; color: #9cc212 } .wpcf7 .wpcf7-form .time:before { content: '\f017'; font-family: 'FontAwesome'; position: absolute; top: 2px; right: .9em; line-height: 1; font-size: 1.2em; color: #9cc212 } .wpcf7 .wpcf7-form input[type="submit"] { margin-bottom: 0 !important } .wpcf7 .wpcf7-form p { margin: 0 } .wpcf7 .wpcf7-form .ajax-loader { display: none } .wpcf7 .wpcf7-form::-webkit-input-placeholder { color: #bebebe } .wpcf7 .wpcf7-form:-moz-placeholder { color: #bebebe } .wpcf7 .wpcf7-form::-moz-placeholder { color: #bebebe } .wpcf7 .wpcf7-form:-ms-input-placeholder { color: #bebebe } .wpcf7 .wpcf7-form textarea { height: 140px } .wpcf7 .contact-home { -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; background: #fff; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05); box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05); padding: 1.875em } .wpcf7 .contact-home textarea { margin-bottom: 0 !important; height: 255px } .wpcf7 .contact-home input[type="submit"] { background: #9cc212; color: #fff; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 0 !important } .wpcf7 .contact-home input[type="submit"]:hover { background: none; color: #9cc212 } /*** ==================================================================== widget area ==================================================================== ***/ .widget { margin-bottom: 50px } .widget .widget-title { /* font-family: 'Poppins', sans-serif; */ font-weight: 600; font-size: 20px; color: #2e2e2e; margin: 0 0 25px 0; } .widget ul { margin: 0; padding: 0 } .widget ul li { list-style: none; margin: 0 } .widget ul li a { color: #2e2e2e } .widget ul li a:hover { text-decoration: none; color: #9cc212 } .widget table, .widget select { width: 100% } .widget select { border: 1px solid #f2f2f2; height: 30px; background-color: transparent } .widget select option { color: #aaa } .widget table { text-align: left; width: 100% } .widget table caption { border: 1px solid #f2f2f2; border-bottom-width: 0; text-align: center } .widget table th, .widget table td { border-color: #f2f2f2 } .widget table tr { border: 1px solid #f2f2f2; border-bottom-width: 0; padding: 3px 0 } .widget table tr td, .widget table tr th { padding: 0 5px; border-bottom: 1px solid #f2f2f2; border-left: 1px solid #f2f2f2 } .widget_calendar { line-height: 26px } .widget_categories li, .widget_recent_comments li, .widget_rss li, .widget_pages li, .widget_archive li, .widget_nav_menu li, .widget_recent_entries li, .widget_meta li, .widget-recent-comments li { padding: 8px 0 } .widget_categories .children, .widget_recent_comments .children, .widget_rss .children, .widget_pages .children, .widget_archive .children, .widget_nav_menu .children, .widget_recent_entries .children, .widget_meta .children, .widget-recent-comments .children, .widget_categories .sub-menu, .widget_recent_comments .sub-menu, .widget_rss .sub-menu, .widget_pages .sub-menu, .widget_archive .sub-menu, .widget_nav_menu .sub-menu, .widget_recent_entries .sub-menu, .widget_meta .sub-menu, .widget-recent-comments .sub-menu { margin-top: 8px; margin-left: 15px } .widget_categories .children li a, .widget_recent_comments .children li a, .widget_rss .children li a, .widget_pages .children li a, .widget_archive .children li a, .widget_nav_menu .children li a, .widget_recent_entries .children li a, .widget_meta .children li a, .widget-recent-comments .children li a, .widget_categories .sub-menu li a, .widget_recent_comments .sub-menu li a, .widget_rss .sub-menu li a, .widget_pages .sub-menu li a, .widget_archive .sub-menu li a, .widget_nav_menu .sub-menu li a, .widget_recent_entries .sub-menu li a, .widget_meta .sub-menu li a, .widget-recent-comments .sub-menu li a { padding-left: 10px } .widget_categories .children li:last-child, .widget_recent_comments .children li:last-child, .widget_rss .children li:last-child, .widget_pages .children li:last-child, .widget_archive .children li:last-child, .widget_nav_menu .children li:last-child, .widget_recent_entries .children li:last-child, .widget_meta .children li:last-child, .widget-recent-comments .children li:last-child, .widget_categories .sub-menu li:last-child, .widget_recent_comments .sub-menu li:last-child, .widget_rss .sub-menu li:last-child, .widget_pages .sub-menu li:last-child, .widget_archive .sub-menu li:last-child, .widget_nav_menu .sub-menu li:last-child, .widget_recent_entries .sub-menu li:last-child, .widget_meta .sub-menu li:last-child, .widget-recent-comments .sub-menu li:last-child { padding-bottom: 0; border-bottom: 0 } .widget_tag_cloud a { margin: 0 4px 8px 0; display: inline-block; font-weight: 400; color: #848484; font-size: 14px !important; border: 1px solid #ddd; padding: 8px 10px 6px; line-height: 1 } .widget_tag_cloud a:hover { color: #9cc212; border-color: #9cc212; text-decoration: none } .tabs-widget .tabs-nav li { width: 33%; border-bottom: 0; padding-bottom: 0 } .tabs-widget .tabs-nav li:last-child { width: 34% } .tabs-widget .tabs-nav li:before { display: none } .tabs-widget .tabs-nav li a { background: #aaa; border: 1px solid #919191; color: #646464; padding: 8px 0; text-align: center; text-transform: uppercase; font-size: 12px; font-weight: 700 } .tabs-widget .tabs-nav li a.active { color: #fff; text-decoration: none; border-color: transparent; background: #848484 } .tabs-widget .tabs-nav li a:hover { text-decoration: none } .tabs-widget .tabs-panel { margin-top: -1px; padding: 15px 0 20px } .tabs-widget .tab-comments .comment { border-bottom: solid 1px #919191; padding: 10px 0; overflow: hidden } .tabs-widget .tab-comments .comment-summary { font-style: italic; margin-bottom: 5px } .recent-post, .popular-post { border-bottom: solid 1px #919191; padding: 10px 0; overflow: hidden } .recent-post:last-child, .popular-post:last-child { border-bottom: 0; padding-bottom: 0 } .recent-post .widget-thumb, .popular-post .widget-thumb { float: left; width: 60px } .recent-post .post-text, .popular-post .post-text { margin-left: 75px; margin-top: 5px } .recent-post .post-text .post-title, .popular-post .post-text .post-title { display: block; padding-bottom: 5px; font-weight: 700 } .recent-post .post-text .post-date, .popular-post .post-text .post-date { color: #919191; font-size: 12px } .recent-post .post-text .post-comments, .popular-post .post-text .post-comments { display: block; color: #919191 } .recent-post .post-text .read-more, .popular-post .post-text .read-more { line-height: 2 } .recent-post.no-thumbnail .post-text, .popular-post.no-thumbnail .post-text { margin-left: 0; margin-top: 0 } .widget-recent-comments li { padding: 20px 0; color: #919191 } .widget-recent-comments li a, .widget-recent-comments li p { color: #aaa } .widget_search .search-form { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: relative; border-bottom: 1px solid #f2f2f2 } .widget_search .search-form:before { position: absolute; top: 50%; right: 0; color: #2e2e2e; content: "\f002"; font-family: "FontAwesome"; z-index: 99; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .widget_search .search-form label { width: 100%; margin-bottom: 0 } .widget_search .search-form label input { width: 100%; padding: 0; border: 0; height: 2.5em } .widget_search .search-form::-webkit-input-placeholder { color: #bebebe } .widget_search .search-form:-moz-placeholder { color: #bebebe } .widget_search .search-form::-moz-placeholder { color: #bebebe } .widget_search .search-form:-ms-input-placeholder { color: #bebebe } .widget_search .search-form .search-submit { position: relative; width: 2.5em; height: 2.5em; opacity: 0; z-index: 999 } .widget_recent_entries ul li a { margin: 0; color: #2e2e2e; font-size: 18px } .widget_recent_entries ul li .post-date { color: #848484; display: block } .blog-sidebar .widget ul li { color: #919191 } .blog-sidebar .widget ul li a { display: inline-block; color: #919191; font-weight: 400; font-size: 16px; line-height: 1.5 } .blog-sidebar .widget ul li a:hover { text-decoration: none; color: #9cc212 } .blog-sidebar .widget_categories ul li a { font-size: 16px } .blog-sidebar .widget_recent_entries ul li { padding: 10px 0 } .blog-sidebar .widget_recent_entries ul li a { color: #2e2e2e; font-size: 18px } .blog-sidebar .widget_recent_entries ul li .post-date { color: #848484; display: block } /*** ==================================================================== Header topbar widgets ==================================================================== ***/ .topbar .widget { float: left; margin-bottom: 0 } .topbar p { margin: 0 } .topbar a { color: #fff } .topbar a:hover { color: #9cc212 } .topbar ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex } .topbar ul li a { color: #fff } .topbar ul li a:hover { color: #9cc212 } .header-v1 .topbar { background: #102e19; color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; height: 75px; position: relative; top: -3px; border-bottom: 3px solid #9cc212; line-height: 1; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 18px 0 } .header-v1 .topbar:before { content: ''; position: absolute; top: 0; left: 0; border-top: 75px solid #fff; border-right: 75px solid #102e19; width: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg) } .header-v1 .topbar:after { content: ''; position: absolute; top: -15px; left: 36px; background: #9cc212; width: 4px; height: 104px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .header-v1 .topbar .topbar-widgets { float: right; margin-left: auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .header-v1 .topbar .topbar-widgets .widget { border-left: 1px solid #405847; padding-left: 1.875em; margin-left: 1.875em } .header-v1 .topbar .topbar-widgets .widget:first-child, .header-v1 .topbar .topbar-widgets .widget:last-child { border-left: 0; padding-left: 0 } .header-v1 .topbar .widget { margin-bottom: 0 } .header-v1 .topbar .widget .pull-left i { color: #9cc212; font-size: 1.25em; margin: .5em .9em 0 0; line-height: 36px; } .header-v1 .topbar .widget .pull-right div { color: #a2b1a5; font-size: .875em } .header-v1 .topbar .widget .pull-right>div:first-child { font-family: 'Poppins', sans-serif; font-weight: 500; color: #fff; text-transform: uppercase; margin-bottom: 8px } .header-v1 .topbar .socials { margin: 2px 0 0 0 } .header-v1 .topbar .socials li a { color: #fff; border: 1px solid #405847 } .header-v1 .topbar .socials li a:hover { border: 1px solid #fff; color: #9cc212 } .header-v1 .topbar .menu-block-right { content: ''; height: 78px; background-color: #102e19; position: absolute; top: -3px; border-bottom: 3px solid #9cc212 } .header-v1 .site-header .header-main { border-top: 3px solid #9cc212 } .header-v1 .header-main .menu-row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center } .header-v1 .header-main .menu-row:after, .header-v1 .header-main .menu-row:before { display: none } .hide-topbar.header-v1 .site-header .header-main { border-top: 0 } .header-v2 .topbar { background: #102e19; color: #a2b1a5; font-size: .875em; padding: 17px 0; font-weight: 400 } .header-v2 .topbar .sidebar-left { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex } .header-v2 .topbar .sidebar-left .widget { margin-right: 1em; padding-right: 1em; border-right: 1px solid #405847 } .header-v2 .topbar .sidebar-left .widget svg { color: #9cc212; margin-right: 8px } .header-v2 .topbar .sidebar-left .widget:last-child { border-right: 0 } .header-v2 .topbar .sidebar-right { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; text-align: right } .header-v2 .topbar .sidebar-right .widget { float: right } .header-v2 .topbar .sidebar-right .widget:first-child { margin-left: auto } .header-v2 .topbar .sidebar-right li { display: inline-block; margin: 0 .625em } .header-v2 .topbar .sidebar-right li a { color: #a2b1a5 } .header-v2 .topbar .sidebar-right li a:hover { color: #9cc212; text-decoration: underline } .header-v2 .topbar .socials a { border: 0; color: #a2b1a5; height: auto; width: auto; line-height: 1; margin: 0 18px 0 0 } .header-v2 .topbar .socials a:hover { color: #9cc212 } .header-v2 .topbar #lang_sel>ul>li, .header-v2 .topbar .lang_sel>ul>li { position: relative } .header-v2 .topbar #lang_sel>ul>li>a, .header-v2 .topbar .lang_sel>ul>li>a { border-left: 1px solid #405847; padding: 0 20px } .header-v2 .topbar #lang_sel>ul>li>a:after, .header-v2 .topbar .lang_sel>ul>li>a:after { position: absolute; top: 50%; right: 0; color: #9cc212; content: "\f107"; font-family: "FontAwesome"; font-size: 14px; z-index: 9; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .header-v2 .topbar #lang_sel>ul>li a, .header-v2 .topbar .lang_sel>ul>li a { text-decoration: none } .header-v2 .topbar #lang_sel>ul>li a img, .header-v2 .topbar .lang_sel>ul>li a img { margin-right: 7px } .header-v2 .topbar #lang_sel>ul>li ul, .header-v2 .topbar .lang_sel>ul>li ul { width: 120px; position: absolute; right: 0; top: 100%; background: #fff; border-top: 20px solid #102e19; text-align: left; padding: 10px 5px; -webkit-transition: top .5s ease 0s, opacity .5s; transition: top .5s ease 0s, opacity .5s; z-index: -1; opacity: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0) } .header-v2 .topbar #lang_sel>ul>li ul li, .header-v2 .topbar .lang_sel>ul>li ul li { display: block; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #f2f2f2 } .header-v2 .topbar #lang_sel>ul>li ul li:last-child, .header-v2 .topbar .lang_sel>ul>li ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0 } .header-v2 .topbar #lang_sel>ul>li:hover ul, .header-v2 .topbar .lang_sel>ul>li:hover ul { opacity: 1; z-index: 9; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1) } .header-v3 .topbar { text-align: right; font-weight: 500; font-size: .875em; border-bottom: 1px solid #535723; height: 80px; padding: 10px 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .header-v3 .topbar .widget { margin: 0 0 0 1em; padding: 0 0 0 1em; border-left: 1px solid #535723; display: inline-block; float: none } .header-v3 .topbar .widget:first-child, .header-v3 .topbar .widget:last-child, .header-v3 .topbar .widget.quote { border: 0 } .header-v3 .topbar .widget .svg-icon i { color: #9cc212; margin-right: 5px } .header-v3 .topbar .menu-block-right-v3 { content: ''; height: 80px; position: absolute; top: 0; border-bottom: 1px solid #535723 } .header-v3 .topbar .quote .quote-content { background: #1a4728; padding: .4em 1em; -webkit-border-radius: 5px; border-radius: 5px; color: #fff } .header-v3 .topbar .quote .quote-content a { color: #fff } .header-v3 .socials { list-style-type: none; margin: 0 } .header-v3 .socials a { border: 0; height: auto; width: auto; line-height: 1; margin: 0 .5em; color: #848484 } .header-v3 .socials a:hover { color: #9cc212 } .socials li { display: inline-block } .socials a { display: inline-block; width: 1.875em; height: 1.875em; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #fff; text-align: center; line-height: 27px; color: #fff; margin: 0 .3em; -webkit-transition: all .5s; transition: all .5s } .socials a:hover { border: 0; color: #9cc212 } .socials a i { font-size: 12px } .page-header { margin: 0; border-bottom: 0; padding-bottom: 0 } .page-header .page-header-content { padding: 50px 0 33px 0; position: relative } .page-header.no-image .page-header-content { padding: 75px 0 0 0 } .page-header .header-box { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center } .page-header .header-box .page-title { min-width: 50% } .page-header h1, .page-header h2 { margin: 0 100px 15px 0; color: #000; font-weight: 600 } .page-header.hide-title h1, .page-header.hide-title h2 { line-height: 0; text-indent: -9999px } .page-header .breadcrumbs { text-align: right; padding-bottom: 15px; color: #848484 } .page-header .breadcrumbs a { color: #000 } .page-header .breadcrumbs a.home { font-weight: 500 } .page-header .breadcrumbs a:hover { color: #9cc212 } .page-header.has-image { background-color: transparent; margin-bottom: 15px; height:430px; background:url(../images/neibanner.jpg) no-repeat center center; } .page-header .featured-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1 } .page-header .featured-image span { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .page-header.parallax .featured-image { background-attachment: fixed } .no-padding { padding: 0 } .no-border { border: 0 } /*** ==================================================================== Services ==================================================================== ***/ .grd-service .type-service { margin-bottom: 1.875em; -webkit-transition: .5s; transition: .5s } .grd-service .type-service .entry-header { position: relative; padding: 2.3em 2.5em 2em 2.5em; border: 1px solid #f2f2f2; border-bottom: 0 } .grd-service .type-service .entry-header .entry-meta .meta-date { margin-top: 0 } .grd-service .type-service .entry-header .entry-title { margin: 0; font-weight: 500; font-size: 1.25em } .grd-service .type-service .entry-header .service-icon { position: absolute; top: 22px; right: 1.875em; width: 4em; height: 4em; line-height: 4.8; text-align: center; -webkit-border-radius: 50%; border-radius: 50%; color: #fff; background: #9cc212; -webkit-transition: .5s; transition: .5s; z-index: 1 } .grd-service .type-service .entry-header .service-icon svg { font-size: 32px } .grd-service .type-service .entry-header a { display: inline-block } .grd-service .type-service .entry-header p { margin: 0 } .grd-service .type-service .entry-header i:before { font-size: 1.875em } .grd-service .type-service .entry-thumbnail { position: relative } .grd-service .type-service .entry-thumbnail>:before { content: ''; position: absolute; left: 0; right: 0; width: 100%; height: 100%; background: rgba(16, 46, 25, .8); opacity: 0; -webkit-transition: .5s; transition: .5s } .grd-service .type-service .entry-content .descr { padding: 2.3em 2.5em 2em 2.5em; border: 1px solid #f2f2f2 } .grd-service .type-service .entry-content .descr p { margin-bottom: 0 } .grd-service .type-service:hover .service-icon { top: 77px } .grd-service .type-service:hover .entry-thumbnail:before { opacity: 1 } .grd-service .paging-navigation { padding-top: 2em } .service-col-2.grd-service .type-service:nth-child(2n+1) { clear: both } .service-col-3.grd-service .type-service:nth-child(3n+1) { clear: both } .service-col-3.grd-service .blog-wrapper-col-2:nth-child(3n+1) { clear: none } .service-col-4.grd-service .type-service:nth-child(4n+1) { clear: both } .single-service .widget { margin-bottom: 3.125em } .single-service .widget_categories ul { -webkit-border-radius: .5em; border-radius: .5em; border-top: 2px solid #9cc212; border-bottom: 2px solid #9cc212 } .single-service .widget_categories ul li { padding: .8em 0; border: 0; border-bottom: 1px solid #f2f2f2 } .single-service .widget_categories ul li a { color: #2e2e2e } .single-service .widget_categories ul li a:hover { color: #9cc212 } .brochures { -webkit-border-radius: .5em; border-radius: .5em; border-top: 2px solid #9cc212; border-bottom: 2px solid #9cc212; display: block } .brochures>div { padding-top: 1em; padding-bottom: 1em; border-bottom: 1px solid #f2f2f2; color: #dadada } .brochures>div>div { line-height: 1; margin-right: 1em } .brochures>div i:before { font-size: 2.5em } .brochures>div:last-child { border: 0 } .brochures>div a { color: #2e2e2e } .brochures>div .title { font-family: 'Poppins', sans-serif; font-weight: 500; margin-bottom: .625em } .brochures>div:hover i, .brochures>div:hover a { color: #9cc212; text-decoration: none; -webkit-transition: .5s; transition: .5s } /*** ==================================================================== Portfolio ==================================================================== ***/ .grd-portfolio .portfolio-sizer { width: 25%; float: left } .grd-portfolio .gutter-sizer { width: 0 } .grd-portfolio .archive-portfolio .portfolio-horizontal { width: 50% } .grd-portfolio .archive-portfolio .portfolio-nomal { width: 25% } .grd-portfolio .archive-portfolio .portfolio-vertical { width: 25% } .grd-portfolio .archive-portfolio .portfolio-item { margin: 15px 0; float: left } .grd-portfolio .archive-portfolio .portfolio-item .content-item { float: left; width: 100%; position: relative; overflow: hidden; -webkit-border-radius: 5px; border-radius: 5px } .grd-portfolio .archive-portfolio .portfolio-item .content-item .entry-header { float: left; width: 100%; position: relative } .grd-portfolio .archive-portfolio .portfolio-item .content-item .entry-header .entry-thumbnail { float: left; width: 100%; -webkit-transition: .7s; transition: .7s } .grd-portfolio .archive-portfolio .portfolio-item .content-item .entry-header .entry-title { float: left; width: 100%; position: absolute; bottom: 0; right: 0; left: 0; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .54))); background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .54)); background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .54)) } .grd-portfolio .archive-portfolio .portfolio-item .content-item .entry-header .entry-title .title { float: left; width: 100%; margin: 0; font-size: 18px; font-weight: 500; padding: 30px; color: #FFF; position: absolute; bottom: 0 } .grd-portfolio .archive-portfolio .portfolio-item .content-item .entry-content { float: left; width: 100%; height: 100%; position: absolute; background: rgba(16, 46, 25, .9); bottom: -100%; -webkit-transition: .7s; transition: .7s } .grd-portfolio .archive-portfolio .portfolio-item .content-item .entry-content .entry-title { float: left; width: 100%; position: absolute; top: 0; height: 100% } .grd-portfolio .archive-portfolio .portfolio-item .content-item .entry-content .entry-title .title { float: left; width: 100%; margin: 0; font-size: 18px; font-weight: 500; padding: 30px; color: #fff; bottom: 0; padding-bottom: 0 } .grd-portfolio .archive-portfolio .portfolio-item .content-item .entry-content .entry-title .entry-meta { float: left; width: 100% } .grd-portfolio .archive-portfolio .portfolio-item .content-item .entry-content .entry-meta { margin-top: 5px; padding: 0 30px; margin-bottom: 0 } .grd-portfolio .archive-portfolio .portfolio-item .content-item .entry-content .entry-meta .category { float: left; width: 100%; font-size: 16px; color: #9cc212; text-decoration: none } .grd-portfolio .archive-portfolio .portfolio-item .content-item .entry-content .entry-read-more { float: left; position: absolute; bottom: 0 } .grd-portfolio .archive-portfolio .portfolio-item .content-item .entry-content .entry-read-more .read-more { float: left; padding: 30px; color: #fff; -webkit-transition: all .5s; transition: all .5s } .grd-portfolio .archive-portfolio .portfolio-item .content-item .entry-content .entry-read-more .read-more svg { font-size: 24px; position: relative; margin-right: 5px; top: 2px } .grd-portfolio .archive-portfolio .portfolio-item .content-item .entry-content .entry-read-more:hover .read-more { color: #9cc212 } .grd-portfolio .archive-portfolio .portfolio-item:hover .entry-content { bottom: 0 } .grd-portfolio .archive-portfolio .portfolio-item:hover .entry-header .title { display: none } .grd-portfolio .archive-portfolio .portfolio-item:hover .entry-thumbnail { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .grd-portfolio .archive-portfolio .portfolio-item:first-child { margin-left: 0; left: 0 !important } .grd-portfolio .archive-portfolio .item-full-width { padding: 0; margin: 0 } .grd-portfolio .archive-portfolio .item-full-width .content-item { -webkit-border-radius: 0; border-radius: 0 } .grd-portfolio .portfolio-cats-filter { margin-bottom: 35px; z-index: 999 } .grd-portfolio .portfolio-cats-filter #filters { border-bottom: 1px solid #f2f2f2; height: 37px } .grd-portfolio .portfolio-cats-filter #filters .button { color: #444; padding: 15px 20px; background: none; border: 0; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #f4f4f4; margin: 0 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px } .grd-portfolio .portfolio-cats-filter #filters .active { color: #fff; background: #9cc212 } .grd-portfolio .pag-2 .pagination .page-numbers { display: none } .grd-portfolio .pag-2 .pagination .next { display: block; min-width: 162px; width: auto; color: #9cc212; border-color: #9cc212; background: #FFF; margin: 0; -webkit-border-radius: 50px; border-radius: 50px } .grd-portfolio .pag-2 .pagination .loader { width: 30px; height: 30px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; position: relative } .grd-portfolio .pag-2 .pagination .loader span { display: none } .grd-portfolio .pag-2 .pagination .loader a { display: none } .grd-portfolio .pag-2 .pagination .loader:before { content: "\f110"; font-family: "FontAweSome"; font-size: 20px; color: #9cc212; position: absolute; left: 0; width: 30px; height: 30px; top: 0; float: left } .grd-portfolio .numeric-navigation { margin-top: 10px; margin-bottom: 0 } .grd-portfolio .numeric-navigation .pagination { margin-bottom: 0 } .portfolio-layout-full-width .container-full { width: 100%; padding: 0 15px } .single-portfolio .portfolio-navigation { position: relative } .single-portfolio .portfolio-navigation .meta-nav, .single-portfolio .portfolio-navigation span { font-size: 14px } .single-portfolio .portfolio-navigation .nav-previous { border-right: 0 } .single-portfolio .portfolio-navigation .nav-previous a { color: #111 } .single-portfolio .portfolio-navigation .nav-previous a .meta-nav { margin-left: 10px } .single-portfolio .portfolio-navigation .nav-next a { color: #111 } .single-portfolio .portfolio-navigation .nav-next a .meta-nav { margin-right: 10px } .single-portfolio .portfolio-navigation a:hover .meta-nav, .single-portfolio .portfolio-navigation a:hover span { color: #9cc212 } .single-portfolio .portfolio-navigation .nav-project { position: absolute; left: -webkit-calc(50% - 12px); left: calc(50% - 12px); top: 50% } .single-portfolio .portfolio-navigation .nav-project a { color: #111; font-size: 24px } .single-portfolio .portfolio-navigation .nav-project a i { float: left } .single-portfolio .portfolio-navigation .nav-project a:hover { color: #9cc212 } .single-portfolio #primary { border-right: 0 } /*** ==================================================================== Shop page ==================================================================== ***/ .woocommerce input, .woocommerce textarea { height: 50px; margin: 0 1.25em 0 0; padding: 1em; border: 1px solid #f2f2f2 } .woocommerce::-webkit-input-placeholder { color: #848484 } .woocommerce:-moz-placeholder { color: #848484 } .woocommerce::-moz-placeholder { color: #848484 } .woocommerce:-ms-input-placeholder { color: #848484 } .woocommerce .select2-selection { height: 50px; border: 1px solid #f2f2f2; padding: .65em 0 } .woocommerce .select2-selection .select2-selection__arrow { top: 12px } .woocommerce button.button.alt { background-color: #9cc212 } .woocommerce button.button.alt:hover { background: #9cc212; color: #fff } .woocommerce .woocommerce-result-count, .result-count { color: #9cc212; margin: 0 0 4.375em } .woocommerce .woocommerce-ordering select, .result-ordering select { border: 0; color: #848484; -webkit-appearance: none; padding: 0 .7em; border: 1px solid #f2f2f2; height: 3.125em } .result-ordering select { float: right; } .woocommerce .woocommerce-ordering:before { position: absolute; right: 1.5em; top: .7em; font-family: FontAwesome; content: '\f107'; font-size: 1.125em } .woocommerce ul.products li.product { margin-bottom: 1.875em; list-style: none; } .woocommerce ul.products li.product .box-images { position: relative; display: block; overflow: hidden; text-align: center } .woocommerce ul.products li.product .box-images img { border-bottom: 1px solid #f2f2f2; padding-bottom: 20px } .woocommerce ul.products li.product .box-images:after { content: ''; background-color: rgba(255, 255, 255, .8); position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: .5s; transition: .5s; z-index: 9 } .woocommerce ul.products li.product .box-images .button { display: block; position: absolute; left: 0; right: 0; z-index: 10; top: 50%; text-align: center; background: none; border: 0; color: #fff; opacity: 0; -webkit-transition: .5s; transition: .5s; width: 3.125em; height: 3.125em; margin: -2.5em auto 0; background: #102e19; -webkit-border-radius: 50%; border-radius: 50%; padding: 0 } .woocommerce ul.products li.product .box-images .button:after { display: none } .woocommerce ul.products li.product .box-images .button:hover { background: #9cc212 } .woocommerce ul.products li.product .box-images .button:before { position: absolute; left: 0; right: 0; font-family: FontAwesome; content: '\f07a'; font-size: 1.25em; line-height: 2.5 } .woocommerce ul.products li.product .box-images .button.loading:before { position: absolute; left: 0; right: 0; font-family: FontAwesome; content: '\f110'; font-size: 1.25em; line-height: 2.5; -webkit-animation: spin 4s linear infinite; animation: spin 4s linear infinite } .woocommerce ul.products li.product .box-images .quick_view_button { margin-top: -4.375em; display: none } .woocommerce ul.products li.product .box-images .quick_view_button:before { display: none } .woocommerce ul.products li.product .box-images .quick_view_button i { line-height: 2.4; font-size: 1.25em } .woocommerce ul.products li.product .box-images .wc-forward { display: none } .woocommerce ul.products li.product .box-content { background: #fff; padding: 1em 0 0 0; text-align: center } .woocommerce ul.products li.product img { margin: 0 } .woocommerce ul.products li.product .star-rating { margin: 0 auto } .woocommerce ul.products li.product .price { color: #9cc212; font-size: 18px; margin: 0 } .woocommerce ul.products li.product h4 { font-weight: 600; font-size: 20px } .woocommerce ul.products li.product a { color: #2e2e2e } .woocommerce ul.products li.product a:hover { color: #9cc212 } .woocommerce ul.products li.product .box-shadow { border: 1px solid #f2f2f2; padding: 1.875em } .woocommerce ul.products li.product .box-shadow:hover { -webkit-box-shadow: 0 0 60px 10px rgba(0, 0, 0, .1); box-shadow: 0 0 60px 10px rgba(0, 0, 0, .1); -webkit-transition: .5s; transition: .5s; } .woocommerce ul.products li.product .box-shadow:hover .box-images .button, .woocommerce ul.products li.product .box-shadow:hover .box-images:after { opacity: 1 } .woocommerce .star-rating { /* margin: 1.25em 0 1.25em 0em; */ color: #9cc212; letter-spacing: 3px; width: 6.3em; font-size: 1em; font-family: star; font-family: FontAwesome; position: relative; margin-bottom: 50px; } .woocommerce .star-rating::before { color: #9cc212 } .woocommerce .star-rating::before { content: '\f006\f006\f006\f006\f006'; color: #d3ced2; float: left; top: 0; left: 0; position: absolute; } .woocommerce .star-rating span::before { content: '\f005\f005\f005\f005\f005'; top: 0; position: absolute; left: 0; font-family: FontAwesome; } .woocommerce .ribbons .ribbon { color: #fff; font-size: 1em; font-weight: 400; text-align: center; display: block; margin: 0; position: absolute; background-color: #fdbf1d; z-index: 10; top: 1.25em; right: 1.25em; height: 27px; line-height: 29px; -webkit-border-radius: 1em; border-radius: 1em; padding: 0 1.25em; min-width: inherit; min-height: inherit } .woocommerce nav.woocommerce-pagination ul { border: 0 } .woocommerce nav.woocommerce-pagination ul li { border: 0; margin: 0 5px } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { font-size: 1.125em; font-family: 'Poppins', sans-serif; font-weight: 600; color: #2e2e2e; width: 50px; height: 50px; text-align: center; -webkit-border-radius: 50%; border-radius: 50%; background: none; border: 1px solid #f2f2f2; line-height: 1.8 } .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li a:focus { background: #9cc212; color: #fff; border: 1px solid #9cc212 } .woocommerce nav.woocommerce-pagination ul li .prev, .woocommerce nav.woocommerce-pagination ul li .next { font-weight: 600; color: #848484 } .woocommerce nav.woocommerce-pagination ul li .prev i, .woocommerce nav.woocommerce-pagination ul li .next i { font-size: 1.5em } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color: #9cc212; top: -.4em } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background-color: #9cc212 } .woocommerce .widget_price_filter .ui-slider-horizontal { height: .125em } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #f2f2f2 } .woocommerce .widget_price_filter .price_slider { margin-bottom: 2.2em } .woocommerce .widget_price_filter .price_slider_amount .button { height: 35px; padding: 8px 20px } .woocommerce .widget_price_filter .price_label { font-size: 16px } .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit { color: #9cc212; background: none; font-family: 'Poppins', sans-serif; font-weight: 600; border: 2px solid #9cc212; text-transform: uppercase; -webkit-border-radius: 35px; border-radius: 35px; font-size: 1em; padding: 0px 32px; outline: 0; height: 50px; } .woocommerce .payment_system .button { line-height: 50px; display: inline-block; background-color: #9cc212; color: #fff; } .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover { background: #9cc212; color: #fff } .woocommerce ul.cart_list, .woocommerce ul.product_list_widget { border: 0; padding: 0 } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li { margin-bottom: 25px } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a { font-family: #848484; font-weight: 500; margin: 0 0 .3em 0 } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { float: left; margin: 0 1.563em 0 0; width: 70px } .woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating { margin: .65em 0 0 1.875em } .woocommerce .box-wra { border: 0; border-right: 1px solid #f2f2f2 } .woocommerce div.product div.product div.images, .woocommerce #content div.product div.images { width: 44% } .woocommerce div.product div.product div.summary, .woocommerce #content div.product div.summary { width: 52% } .woocommerce div.product .product_title { font-size: 24px; margin: 0 0 .75em 0 } .woocommerce div.product span.price, .woocommerce div.product p.price { color: #848484; font-size: 1.375em } /*** ==================================================================== Product details ==================================================================== ***/ .woocommerce div.product .woocommerce-product-details__short-description p { margin: 0 0 1.625em 0 } .woocommerce div.product form.cart { margin-bottom: 2em; } .woocommerce div.product form.cart .button { background: none; color: #9cc212; -webkit-border-radius: 35px; border-radius: 35px; font-size: 1em; padding: 0px 32px; outline: 0; border: 2px solid #9cc212; line-height: 17px; font-weight: bold; } .woocommerce div.product form.cart .button:hover { background: #9cc212; color: #fff } .woocommerce div.product form.cart div.quantity { margin: 0 1.25em 0 0; float: left; } .woocommerce div.product .woocommerce-tabs { display: inline-block; margin: 3.75em 0 0 0; width: 100% } .woocommerce div.product .woocommerce-tabs ul.tabs { margin: 0; padding: 0; border: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li { border: 1px solid #f2f2f2; background-color: #f2f2f2; -webkit-border-radius: 0; border-radius: 0; margin: 0 5px 0 0 } .woocommerce div.product #reviews #comment { height: 115px; border: 1px solid #d9d9d9; } .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after { bottom: -5px } .woocommerce div.product .woocommerce-tabs ul.tabs li a { font-family: 'Poppins', sans-serif; font-weight: 600 } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: #9cc212 } .woocommerce div.product .woocommerce-tabs ul.tabs:before { border-bottom: 1px solid #f2f2f2 } .woocommerce div.product .woocommerce-tabs .panel { border: 0; border-top: 0; padding: 2.5em 1.875em; -webkit-border-radius: 0; border-radius: 0; box-shadow: none; } .woocommerce div.product .woocommerce-tabs .panel-body { padding: 0px; } .woocommerce div.product .woocommerce-tabs .panel h2 { font-weight: 500; font-size: 1.25em; margin: 0 0 1.25em 0 } .woocommerce div.product div.grd-images { margin-bottom: 0; position: relative; overflow: hidden } .woocommerce div.product div.grd-images .photoswipe { cursor: crosshair; display: block } .woocommerce div.product div.grd-images .slick-arrow { opacity: 0; font-size: 24px; z-index: 99; cursor: pointer; font-weight: 700; color: #999; -webkit-transition: .5s; transition: .5s } .woocommerce div.product div.grd-images .slick-arrow:hover { color: #000 } .woocommerce div.product div.grd-images .slick-arrow.slick-disabled { color: #ccc; cursor: auto } .woocommerce div.product div.grd-images:hover .slick-arrow { opacity: 1; left: 20px; color: #9cc212; border: 1px solid } .woocommerce div.product div.grd-images:hover .slick-next-arrow { right: 20px; left: auto } .woocommerce div.product div.grd-images .video { position: relative; display: block } .woocommerce div.product div.grd-images .video:before { font-family: FontAweSome; content: "\f04b"; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 10; color: #000; font-size: 15px; padding-left: 5px } .woocommerce div.product div.grd-images .video:after { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 50px; height: 50px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #fff } .woocommerce div.product div.grd-images .slick-arrow { position: absolute; top: 50%; left: -20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 99 } .woocommerce div.product div.grd-images .slick-next-arrow { right: -20px; left: auto } .woocommerce div.product .product_meta>span { display: block } .woocommerce div.product .related .related-title { font-weight: 500; font-size: 24px; color: #2e2e2e; margin-bottom: 1.25em } .woocommerce div.product .columns-4 li.product .box-images .quick_view_button { margin-top: -3.375em } .woocommerce div.product .columns-4 li.product .box-images .add_to_cart_button, .woocommerce div.product .columns-4 li.product .box-images .product_type_variable, .woocommerce div.product .columns-4 li.product .box-images .product_type_grouped { margin-top: .375em } .woocommerce div.product div.images .flex-control-thumbs { margin: 10px -5px 0 } .woocommerce div.product div.images .flex-control-thumbs li { padding: 0 10px; margin-bottom: 10px } .woocommerce .quantity { -webkit-transition: .5s; transition: .5s; padding: 0 1.313em 0 1em; border: 1px solid #f2f2f2; position: relative; background-color: #f2f2f2; -webkit-border-radius: 1.25em; border-radius: 1.25em } .woocommerce .quantity .increase, .woocommerce .quantity .decrease { color: #848484; font-size: 14px; cursor: pointer; display: inline-block; background: none; position: absolute; right: 0; height: 50%; width: 25px; text-align: center; border-left: 1px solid #f2f2f2; -webkit-transition: .5s; transition: .5s } .woocommerce .quantity .increase:hover, .woocommerce .quantity .decrease:hover { color: #9cc212 } .woocommerce .quantity .increase { top: 3px; line-height: 25px; border-left: 1px solid #e5e5e5 } .woocommerce .quantity .decrease { bottom: 3px; line-height: 40px; border-left: 1px solid #e5e5e5 } .woocommerce .quantity .decrease i { position: relative; bottom: 5px } .woocommerce .quantity .qty { -moz-appearance: textfield; border-width: 0; width: 30px; height: 48px; text-align: left; background-color: transparent; padding: 0; font-size: 18px; font-weight: 500; color: #2e2e2e; margin-right: 0 } .woocommerce .quantity .qty::-webkit-outer-spin-button, .woocommerce .quantity .qty::-webkit-inner-spin-button { -webkit-appearance: none } .woocommerce .quantity .qty:focus { outline: 0 } .woocommerce .woocommerce-product-rating .star-rating { margin: 0 } .woocommerce .woocommerce-product-rating .woocommerce-review-link { display: none } .woocommerce #reviews #comments ol.commentlist { padding: 0 } .woocommerce #reviews #comments ol.commentlist li { margin: 1.25em 0 } .woocommerce #reviews #comments ol.commentlist li img.avatar { width: 60px; border: 0; padding: 0 } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0 0 0 80px; border: 1px solid #f2f2f2; -webkit-border-radius: 0; border-radius: 0 } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { font-size: 1em; font-family: 'Poppins', sans-serif; color: #2e2e2e } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong, .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta time { font-weight: 500 } .woocommerce #review_form #respond .comment-reply-title { font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 20px; margin: 1em 0; display: block; color: #2e2e2e } .woocommerce #review_form #respond p { margin-bottom: 15px } .woocommerce #review_form #respond label, .woocommerce #review_form #respond input { width: 100% } .woocommerce #review_form #respond .comment-form-comment, .woocommerce #review_form #respond .form-submit { width: 100%; float: left; padding: 0 } .woocommerce #review_form #respond .form-submit input { width: auto } .woocommerce #review_form #respond .form-submit input:hover { background: #9cc212; color: #fff } .woocommerce .comment-form-rating .stars a { color: #9cc212 } .woocommerce .comment-form-rating .stars a:hover { color: #9cc212 } /*** ==================================================================== cart page ==================================================================== ***/ .woocommerce table.shop_table { width: 100%; } .woocommerce table.shop_table { border: 0; -webkit-border-radius: 0; border-radius: 0 } .woocommerce table.shop_table tr { padding: 0 } .woocommerce table.shop_table thead { background-color: #9cc212 } .woocommerce table.shop_table thead tr th { color: #fff; padding: 1em 1.875em } .woocommerce table.shop_table tr th, .woocommerce table.shop_table tr td { text-align: left; padding: 30px; border: 0; border-bottom: 1px solid #f2f2f2; font-family: 'Poppins', sans-serif; font-weight: 600 } .woocommerce table.shop_table td img, .woocommerce table.shop_table td a img { width: 70px; margin-right: 20px; max-width: inherit; border: 1px solid #f2f2f2 } .woocommerce table.shop_table td.product-name a { font-size: 1em; color: #2e2e2e } .woocommerce table.shop_table td.product-price, .woocommerce table.shop_table td.product-subtotal { font-size: 20px; font-weight: 400 } .woocommerce table.shop_table td.product-subtotal { color: #9cc212 } .woocommerce table.shop_table td .coupon { float: left; } .woocommerce table.shop_table td .coupon .input-text { width: 230px !important; height: 50px; margin: 0 1.25em 0 0 !important; padding: 1em !important; border-color: #f2f2f2 !important } .woocommerce table.shop_table td .coupon::-webkit-input-placeholder { color: #bebebe } .woocommerce table.shop_table td .coupon:-moz-placeholder { color: #bebebe } .woocommerce table.shop_table td .coupon::-moz-placeholder { color: #bebebe } .woocommerce table.shop_table td .coupon:-ms-input-placeholder { color: #bebebe } .woocommerce table.shop_table td .coupon .button { background: none; color: #9cc212; -webkit-border-radius: 35px; border-radius: 35px; font-size: 1em; padding: 0px 32px; border: 2px solid #9cc212; outline: 0 } .woocommerce table.shop_table td .coupon .button:hover { background: #9cc212; color: #fff } .woocommerce table.shop_table td .update-cart { -webkit-border-radius: 35px; border-radius: 35px; font-size: 1em; padding: 0px 32px !important; outline: 0; height: 50px; border: 0; background: #f4f4f4; color: #2e2e2e } .woocommerce table.shop_table td .update-cart { float: right; } .woocommerce table.shop_table td .update-cart:hover { background: #9cc212; color: #fff } .woocommerce table.shop_table tfoot td { font-weight: 600 } .woocommerce table.shop_table .quantity { width: -webkit-max-content; width: -moz-max-content; width: max-content } .woocommerce table.shop_table tr td.actions { border-bottom: 0 } .woocommerce table.shop_table a.remove { color: #cacaca !important; font-size: 34px; font-weight: 300 } .woocommerce table.shop_table a.remove i:before { font-size: 34px } .woocommerce table.shop_table a.remove:hover { color: #9cc212 !important; background: none } .woocommerce .cart-collaterals .cart_totals { float: left; min-width: 50%; } .woocommerce .cart-collaterals .cart_totals h2 { font-size: 20px; margin: 0 0 1em 0; font-weight: 600 } .woocommerce .cart-collaterals .cart_totals table.shop_table tr th, .woocommerce .cart-collaterals .cart_totals table.shop_table tr td { padding: 12px 20px !important; border: 1px solid #f2f2f2 !important } .woocommerce .cart-collaterals .cart_totals table.shop_table tr th { color: #2e2e2e; font-weight: 500 } .woocommerce .cart-collaterals .cart_totals table.shop_table tr td strong { font-weight: 400 !important } /*** ==================================================================== checkout page ==================================================================== ***/ .woocommerce .wc-proceed-to-checkout { display: inline-block } .woocommerce .wc-proceed-to-checkout a.checkout-button { background: none; color: #9cc212; border: 2px solid #9cc212; -webkit-border-radius: 35px; border-radius: 35px; font-size: 1em; padding: 8px 32px; outline: 0; display: inline-block; margin-top: 20px; } .woocommerce .wc-proceed-to-checkout a.checkout-button:hover { background: #9cc212; color: #fff } .woocommerce .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info { padding: 1.25em 2em; background-color: #f2f2f2; color: #2e2e2e; border-top: 0; border-left: 3px solid #9cc212; font-family: 'Poppins', sans-serif; font-weight: 600 } .woocommerce .woocommerce-message::before, .woocommerce .woocommerce-error::before, .woocommerce .woocommerce-info::before { display: none } .woocommerce .woocommerce-message a, .woocommerce .woocommerce-error a, .woocommerce .woocommerce-info a { color: #9cc212 } .checkoutpage h3 { font-weight: 600; font-size: 20px; } .woocommerce .checkout .col-2 h3#ship-to-different-address input { right: -30px; margin: 0; padding: 0; outline: 0 } .woocommerce .checkout .col-2 h3#ship-to-different-address label { font-weight: 600; margin: 0 } .woocommerce .checkout h3 { font-weight: 600; font-size: 20px } .woocommerce .checkout label { font-weight: 400; color: #2e2e2e } .woocommerce .woocommerce-MyAccount-navigation { float: left; width: 16.6667%; padding-right: 15px } .woocommerce .woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; margin: 0 } .woocommerce .woocommerce-MyAccount-navigation ul li { position: relative; text-transform: uppercase; padding: 10px 0; font-weight: 700 } .woocommerce .woocommerce-MyAccount-navigation ul li a { font-size: 14px; color: #aaa } .woocommerce .woocommerce-MyAccount-navigation ul li:first-child { padding-top: 0 } .woocommerce .woocommerce-MyAccount-navigation ul li:last-child { padding-bottom: 0 } .woocommerce .woocommerce-MyAccount-navigation ul li:hover a, .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a { color: #9cc212 } .check_out_form {} .cart_table .table-1 tbody tr td input[type="number"] { width: 70px; height: 47px; border: 1px solid #f0f0f0; font-size: 15px; color: #272727; padding-left: 19px; } .cart_table input[type="checkbox"], .cart_table input[type="radio"] { height: 15px; } .cart_table .pay1 { margin-bottom: 10px; } .check_out_form .theme-title h2 { font-size: 30px; font-weight: 600; } .check_out_form form span { display: block; margin-bottom: 5px; color: #333; font-weight: 400; } .check_out_form form input { height: 48px; border: 2px solid #eee; width: 100%; margin-bottom: 25px; padding: 0 15px; } .check_out_form form { margin-top: 38px; } .check_out_form form textarea { border: 2px solid #f7f7f7; width: 100%; margin-bottom: 25px; padding: 15px; min-height: 121px; color: #9e9e9e; } .check_out_form .shipping_address h3 input { margin-left: 60px; } .check_out_form .theme_title { padding-bottom: 28px; } /*** ==================================================================== Login page ==================================================================== ***/ .woocommerce form.login, .woocommerce form.register { border: 0; padding: 0 } .woocommerce form.login .form-row-wide label, .woocommerce form.register .form-row-wide label { display: none } .woocommerce form.login .form-row, .woocommerce form.register .form-row { margin: 1.5em 0 } .woocommerce form.login .woocommerce-form__label, .woocommerce form.register .woocommerce-form__label { float: right; margin: .5em 0 0 0 } .woocommerce form.login .woocommerce-form__label input, .woocommerce form.register .woocommerce-form__label input { height: auto } .woocommerce form.login input, .woocommerce form.login textarea { width: 100%; } .woocommerce form.login .button { width: auto; } .woocommerce form.login input[type="checkbox"] { height: 15px; width: 20px; margin-right: 5px; } .woocommerce form.login .remember { float: right; padding-top: 20px; } /*** ==================================================================== Product widget ==================================================================== ***/ .woocommerce .widget { margin-bottom: 40px } .woocommerce .widget .widget-title { margin-bottom: 30px; font-weight: 600 } .woocommerce .widget_product_search .woocommerce-product-search { font-size: 16px; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex } .woocommerce .widget_product_search .woocommerce-product-search:before { content: '\f002'; position: absolute; top: 50%; right: 17px; color: #2e2e2e; font-family: FontAwesome; font-size: 14px; z-index: 99; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .woocommerce .widget_product_search .woocommerce-product-search:after { content: ''; position: absolute; top: 0; right: 0; width: 50px; height: 50px; background-color: #f4f4f4; border: 1px solid #f4f4f4; z-index: 9 } .woocommerce .widget_product_search .woocommerce-product-search .screen-reader-text { display: none } .woocommerce .widget_product_search .woocommerce-product-search::-webkit-input-placeholder { color: #848484 } .woocommerce .widget_product_search .woocommerce-product-search:-moz-placeholder { color: #848484 } .woocommerce .widget_product_search .woocommerce-product-search::-moz-placeholder { color: #848484 } .woocommerce .widget_product_search .woocommerce-product-search:-ms-input-placeholder { color: #848484 } .woocommerce .widget_product_search .search-field { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; background-color: transparent; outline: 0; height: 48px; padding: 0 0 0 1em; margin: 0; border: 1px solid #f2f2f2 } .woocommerce .widget_product_search button[type="submit"] { width: 50px; height: 50px; background: transparent; position: absolute; top: 50%; right: 0; padding: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border: 0; text-indent: -9999px; z-index: 10 } .woocommerce .widget_product_categories .product-categories { margin: 0; padding: 0 } .woocommerce .widget_product_categories .product-categories li { list-style-type: none; border-bottom: 1px solid #f2f2f2; padding: 15px 0 15px 25px; background: url(../images/icon/list-normal.png) left center no-repeat } .woocommerce .widget_product_categories .product-categories li:last-child { padding: 0 } .woocommerce .widget_product_categories .product-categories li a { font-family: 'Poppins', sans-serif; color: #848484 } .woocommerce .widget_product_categories .product-categories li:hover { color: #9cc212; background: none } .woocommerce .widget_product_categories .product-categories:hover { background: url(../images/icon/list-active.png) left center no-repeat; -webkit-transition: .5s; transition: .5s } .woocommerce .widget_product_categories .product-categories:hover a { color: #9cc212 } .woocommerce .widget_product_categories .product-categories .current-cat { background: url(../images/icon/list-active.png) left center no-repeat } .woocommerce .widget_product_categories .product-categories .current-cat a { color: #9cc212 } .woocommerce .widget_product_tag_cloud a { padding: 4px 14px; margin: 0 .75em .75em 0; display: inline-block; font-size: 16px !important; font-weight: 400; color: #848484; background-color: none; border: 1px solid #f2f2f2 } .woocommerce .widget_product_tag_cloud a:hover { background-color: #9cc212; color: #fff; text-decoration: none; border: 1px solid #9cc212 } .woocommerce .woocommerce-checkout .shop_table { float: left; width: 48% } .woocommerce .woocommerce-checkout .woocommerce-checkout-payment { float: right; width: 48% } .woocommerce .woocommerce-checkout .woocommerce-checkout-payment input { height: auto } .sidebar-content .content-area { float: right } .sidebar-content .box-wra { border: 0; border-left: 1px solid #f2f2f2 } .full-content .box-wra { border: 0 } .woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells { width: 100%; float: none; clear: both } .product-type-grouped .woocommerce-grouped-product-list { margin-bottom: 26px; border: 0 } .woocommerce div.product p.price ins, .woocommerce div.product span.price ins { font-weight: 400; color: #848484; text-decoration: none } .woocommerce div.product p.price del, .woocommerce div.product span.price del, .woocommerce ul.products li.product .price del { opacity: 1; font-size: 14px; margin-right: 10px; } .woocommerce table.shop_attributes td { padding: .4375em } .woocommerce ul.products li.product .price ins { font-weight: 400; margin-left: 10px; } .woocommerce div.product form.cart .variations label { color: #000; margin-top: 10px; font-size: 14px } .woocommerce div.product form.cart .variations select { min-height: 35px; border: 1px solid #f2f2f2 } /*** ==================================================================== sections set ==================================================================== ***/ .gallery-1 .grd-button { color: #9cc212; border: 2px solid #9cc212; border-radius: 25px; padding: 15px 37px 12px 37px; } .whoweare-2 .wwrlefttext h2 { font-size: 30px; color: #ffffff; font-family: 'Poppins', sans-serif; line-height: 40px; font-weight: 400; } .whoweare-2 .wwrlefttext p { color: #9eaba2; } .whoweare-2 .wwrlefttext .grd-button { color: #9cc212; border: 2px solid #9cc212; border-radius: 25px; } .services-2 .grd-button { color: #9cc212; border: 2px solid #9cc212; border-radius: 25px; } .grd-masonry .grid-sizer { width: 25%; } .grd-masonry .grid-item-width2 { width: 50%; } .grd-masonry .portfolio-item .content-item { margin-bottom: 0px; } .testimonials-2 .dl_testimorial_carousel .item-testi { border: 0; box-shadow: none; } .testimonials-2 .dl_testimorial_carousel .style-2 .box-text { border: 1px solid #eee; -webkit-box-shadow: 1px 0 15px rgba(0, 0, 0, .08); box-shadow: 1px 0 15px rgba(0, 0, 0, .08); } .testimonials-2 .testimg-1 { background-image: url(../images/testimonial/person-1.jpg); } .testimonials-2 .testimg-2 { background-image: url(../images/testimonial/person-2.jpg); } .testimonials-2 .slick-prev { right: 75px; left: auto; } .testimonials-2 .dl_testimorial_carousel .slick-arrow { top: -90px; z-index: 999; line-height: 60px; } .faq-style-2 .dl_prices_3.text-dark .dl-button a { border-color: #9cc212; } .partener-style-2 .box-img img { width: auto; } .whoweare-3 .grd-image-box-5 .show .entry-title .title { color: #fff; } .whoweare-3 .wwrlefttext h2 { font-weight: 500; } .whoweare-3 .wwrlefttext .grd-button { color: #9cc212; border: 2px solid #9cc212; border-radius: 25px; } .whyus-1 .grd_title-type-2 .desc p { font-size: 16px; } .portfolio-3 .content-item { margin-bottom: 0px!important; } .portfolio-3 .grd-button-group .grd-button { color: #9cc212; border: 2px solid #9cc212; border-radius: 25px; margin: 50px 0; } .portfolio-3 .grd-button-group { position: relative; background: #f5f5f5; } .counter-3 .dl_counter.style-2 h3 { color: #9cc212; } .counter-3 .dl_counter .border-right { background-color: #dadada; } .testimonials-3 .slick-slide { padding: 0 15px; } .teamslide .slick-slide { margin: 0 15px; } .dl_team_carousel .teamslide .item-team { margin: 0; } .team-3 .grd_title-type-2 { margin-left: 25px; } .teambanner { position: relative; border-radius: 7px; overflow: hidden; } .team-3 .teambanner .text-banner { position: absolute; top: 0; width: 100%; padding: 0 25px 0 0; height: 100%; text-align: right; color: #333; background: linear-gradient(rgba(255, 255, 255, .02), #000); } .team-3 .text-banner h2 { color: #fff; font-size: 32px; padding: 30px 0 0 15px; line-height: 52px; } .team-3 .teambanner .text-banner a { display: inline-block; padding: 12px 30px; border: 2px solid #9cc212; border-radius: 25px; margin-top: 20px; text-transform: uppercase; font-weight: 500; } .team-3 .teambanner .text-banner a:hover { background: #9cc212; color: #fff; text-decoration: none; } .team-3 .slick-prev.slick-arrow { right: 77px !important; left: auto; } .team-3 .dl_team_carousel .slick-arrow { top: -100px; line-height: 58px; } .team-3 .slick-arrow::before { color: #333; } .whychooseus_4 .container { padding: 50px; margin-top: -90px; background: #fff !important; position: relative; border-radius: 5px; } .testimonial-4-slide .content { color: #fff; } .testimonial-4-slide h3 { color: #fff; } .testimonial-4-slide .svg-icon { display: inline-block; border: 2px solid #284330; border-radius: 50%; width: 65px; height: 65px; line-height: 59px; text-align: center; } .testimonial-4-slide .svg-icon img { display: inline-block; } .google-map { height: 500px; width: 100%; } .counter-4 .dl_counter h3, .counter-4 .dl_counter p { color: #fff; } .counter-4 .dl_counter .border { border-color: #203c28; } .chalanges-4 .grd-icon-box-8 { position: relative; } .grd-icon-box-8 .content .readmore a i { vertical-align: middle; } .page-header.parallax h1 { color: #fff; } .page-header.parallax .breadcrumbs { color: #f2f2f2; } .page-header.parallax .breadcrumbs a { color: #fff; } .aboutweare h3 { font-size: 30px; color: #2e2e2e; line-height: 40px; font-weight: 500; } .aboutweare h4 { font-size: 24px; color: #2e2e2e; line-height: 20px; text-align: left; font-weight: 500; } .counter-5 .dl_counter h3, .counter-5 .dl_counter p { color: #fff; } .counter-5 .dl_counter .border { border-color: #89aa10; } .ourhistory .slick-arrow::before { color: #222 !important; line-height: 36px; font-size: 30px; } .ourhistory .slick-next { right: -25px; } .missionvalue .grd-section-title { margin-bottom: 40px; } .missionvalue .grd_title-type-2 .title { margin-bottom: 20px; } .missionvalue .grd_title-type-2 .desc p { font-size: 16px; } .missionvalue .grd-list ul { margin-bottom: 30px; } .missionvalue .col-sm-6:first-child { padding-right: 100px; border-right: 1px solid #eee; } .missionvalue .col-sm-6:last-child { padding-left: 100px; } .whychoosepage .grd-icon-box-9 { margin-bottom: 80px; } .whychoosepage .col-sm-6:first-child { padding-right: 100px; border-right: 1px solid #eee; } .whychoosepage .col-sm-6:last-child { padding-left: 100px; } .teampage .dl_members { text-align: center; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #eee; } .teampage .bordernone { border: 0; } .faqpage .faq-form select, .faqpage .faq-form input { width: 100%; height: 50px; } .pricingpage .pvariation { background: #f5f5f5; } .pricingpage .pvariation p { line-height: 108px; } .pricingpage .active { background: #9cc212; } .pricingpage .active p { color: #fff; } .pricingpage .dl_prices_1 .title-price { font-size: 16px; font-weight: 600; } .pricingpage .srvtype h3 { line-height: 108px; } .pricingpage .dl_prices_2 .title-price div { background: #102e19; } .pricingpage .dl_prices_2 .title-price div.active { background: #9cc212; } .pricingpage .graybg { background: #f4f4f4; } .pricingpage .dl_prices_1 { margin-bottom: 100px; } .careservice { padding: 45px 30px 35px 30px; background-image: url(../images/bg/single-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .serdetail-left .careservice .title { font-size: 24px; margin-bottom: 20px; } .serdetail-left .careservice p { font-size: 16px; color: #fff; } .serdetail-left .careservice .read-more { margin-top: 45px; } .serdetail-left .careservice .read-more a { color: #fff; } .serdetail-left .careservice .read-more a:hover { color: #9cc212; } .serdetail-left .icon-content i { font-size: 50px; line-height: 50px; } .detail-pricing .dl_prices_3 { text-align: center; padding: 40px 20px; border: 1px solid #f2f2f2; } .detail-pricing .bg-gray { background: #f5f5f5; } .detail-pricing .dl_prices_3 .dl-button a { border-color: #9cc212; } .detail-pricing .dl_prices_3 .price { color: #222; } .detail-pricing .bg-gray .price, .detail-pricing .dl_prices_3 .text-after { color: #9cc212; } .serdetail-left { margin-bottom: 40px; } .pagepadding .nav-filter { margin-top: 0; } .gallery-fullwidth .grd-portfolio-shortcode .portfolio-item .content-item { margin-bottom: 0; } .pagepadding .grdrd-button { padding: 14px 40px 12px; text-transform: uppercase; font-size: 14px; font-weight: 500; border-radius: 40px; border: 2px solid #ccc; margin: 30px; } .pagepadding .grdrd-button { padding: 14px 40px 12px; text-transform: uppercase; font-size: 14px; font-weight: 500; border-radius: 40px; border: 2px solid #9cc212; margin: 50px 0 0; display: inline-block; } .pagepadding .grdrd-button:hover { background: #9cc212; color: #fff; } .gsleft .slick-prev { left: 25px; z-index: 2; } .gsleft .slick-arrow { border-color: #fff; } .gsleft .slick-arrow::before { font-size: 31px; font-weight: bolder; line-height: 41px; opacity: 1; } .gsoption { border: 1px solid #ddd; padding: 30px 30px; margin: 20px 0; } .gsoption .title { color: #9cc212; } .gallery-single h3 { font-weight: 500; } .gallery-single .portfolio-navigation .nav-project a { color: #111; font-size: 24px; } .blogpage .blog-wrapper { margin-bottom: 40px; } .servdtlaccord .panel-heading .accordion-toggle:after { font-family: FontAwesome; content: "\f107"; float: right; } .servdtlaccord .panel-heading .accordion-toggle.collapsed:after { content: "\f105"; } .servdtlaccord .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #f0f0f0; padding: 20px 15px; } .servdtlaccord .panel-default > .panel-heading { background-color: #fff; padding: 20px 20px; } .servdtlaccord .panel-default > .panel-heading h4 { font-size: 18px; font-weight: 400; } .servdtlaccord .panel-default > .panel-heading.active-panel a { color: #9cc212; } .servdtlaccord .fh-section-title { margin-bottom: 50px; } .servdtlaccord .panel { box-shadow: none; border: 1px solid #eee !important; } .blog-details .entry-footer .footer-socials { float: right; width: 100%; text-align: right; } .blog-details .bloggoal { margin-bottom: 40px; } .blog-details .grd-section-title { margin-bottom: 20px; margin-top: 20px; } .blog-details .grd-section-title .title { font-size: 20px; } .blog-details .grd_quotes { margin-bottom: 60px; } .blog-details .entry-footer { margin: 70px 0; } .services-1 { padding: 100px 0; } .gallery-1 { background: url(/images/project-home-bg.jpg) 0 0 no-repeat; background-size: cover; padding: 100px 0; } .working-process-1 { background: url(/images/working-bg.jpg) 0 0 no-repeat; background-size: cover; padding: 50px 0; } .grd-award-1 { background: url(/images/most-bg.jpg) 0 0 no-repeat; background-size: cover; padding: 100px 0 150px; } .request-form-1 { background: url(/images/contact-form-home.jpg) center center no-repeat; background-size: cover; padding: 100px 0 120px; } .blogs-style-1 { padding: 50px 0; } .testimonials-1 { padding: 100px 0 80px; } .customer-help-1 { padding: 30px 0 0 0; } .whoweare-2 { background: url(/images/vision-bg.jpg) center center no-repeat; background-size: cover; padding: 100px 0; } .services-2 { padding: 50px 0; margin-top: 50px; background-color:#18361e; } .testimonials-2 { background: url(../images/bg/testimonial-bg3.jpg) 0 0 no-repeat; padding: 100px 0 20px; } .faq-style-2 { background: url(../images/bg/testimonial-bg2.jpg) 0 0 no-repeat; padding: 100px 0; background-size: cover; } .faq-style-2 .col-md-6 { padding-left: 40px; } .partener-style-2 { padding: 100px 0; } .services-3 { margin-top: -100px; } .whoweare-3 { padding: 40px 0 50px; } .whyus-1 { padding: 100px 0; background-size: cover; } .portfolio-3 { padding: 100px 0; } .counter-3 { padding: 100px 0; background: #f5f5f5; } .testimonials-3 { padding: 100px 0 80px; } .team-3 { padding: 100px 0; background: #f5f5f5; } .team-3 .dl_members { text-align: center; display: block !important; } .whychooseus_2 { padding: 0px 0 40px; } .whychooseus_4 { background: url(../images/bg/time-bg.png) 0 bottom repeat-x; padding: 0px 0 80px; } .testimonial-4 { background: url(../images/bg/home-bg.jpg) center center no-repeat; background-size: cover; padding: 100px 0; } .certified-4 { padding: 100px 0; } .blogs-style-4 { background: #f5f5f5; padding: 100px 0 80px; } .counter-4 { background: url(../images/bg/counter-bg.jpg) center center no-repeat; background-size: cover; padding: 100px 0; } .chalanges-4 { padding: 100px 0 20px; } .page-header.parallax .featured-image { background: url(/images/header-bg.jpg) center center no-repeat; background-size: cover; } .aboutus-5 { padding: 100px 0; } .counter-5 { background: #9cc212; background-size: cover; padding: 100px 0; } .ourhistory { background: url(/images/bk12.jpg) center top no-repeat; padding: 100px 0; background-size: 102% 265px; } .woocommerce-cart-form.table-responsive { margin-bottom: 40px; } .contactpage { padding-top: 80px; } .contactpage .google-map { height: 600px!important; width: 100%; } .contactpage .icon-banner .svg-icon { color: #fff443; font-size: 65px; } .contactpage .grd-banner { margin-top: 70px; margin-bottom: 70px; } .contact-pagebox { padding: 45px 30px 40px; border: 1px solid #ddd; background: url(/images/contact-bg.jpg) center top no-repeat; } .contactpage .grd-banner-style-2 .image { float: none; } .contact-pagebox { clear: both; background-size: cover; margin-bottom: 30px; } .contactpage-form .error { color: #9cc212; } .contactpage-form input[type="text"], .contactpage-form input[type="email"], .contactpage-form select, .contactpage-form textarea { width: 100%; } .contactpage-form { padding: 42px 30px; border: 1px solid #ddd; } .form-loader { display: none; } .branch-item { width: 25%; float: left; text-align: center; border: 1px solid #eee; border-right: 0; min-height: 250px; padding: 20px; margin-bottom: 0px; } .branch-item:last-child { border-right: 1px solid #eee; } .branch-item h3 { font-weight: 500; font-size: 23px; margin-bottom: 20px; } .branch-item p { font-size: 15px; } .branch-item.heading { padding: 70px 30px 19px; text-align: left; } .contact-branches .container { position: relative; bottom: -100px; z-index: 99; background: #ffff; padding: 0 0px; border-radius: 7px; } .chalanges-4 .icon-box-8:last-child { padding-left: 15px !important; padding-right: 15px !important; } .page-template-template-homepage.header-transparent .header-content { color: #fff } .page-template-template-homepage.header-transparent .socials a { color: #fff } .page-template-template-homepage.header-transparent .main-nav ul.menu>li>a { color: #fff } .site-header .logo img { width: 300px; } .contact-form-message { display: none; } /*** ==================================================================== footer ==================================================================== ***/ .footer-widgets { background-color: #102e19; padding: 5em 0 3em 0; color: #a2b1a5 } .footer-widgets .widget { margin: 0 } .footer-widgets h1, .footer-widgets h2, .footer-widgets h3, .footer-widgets h4, .footer-widgets h5, .footer-widgets h6 { color: #fff; font-weight: 600 } .footer-widgets .widget-title { text-transform: none; font-weight: 600; font-size: 20px; padding-top: 1.875em; margin-bottom: 1.125em; color: #fff } .footer-widgets .widget-title:before { content: ''; position: absolute; top: 10px; left: 40px; background: #9cc212; width: 15px; height: 7px } .footer-widgets .widget-title:after { content: ''; position: absolute; top: 10px; left: 55px; background: #7a941a; width: 15px; height: 7px } .footer-widgets ul li { padding: 0 0 .8em 0 } .footer-widgets ul li:last-child { padding: 0 } .footer-widgets .widget ul li a, .footer-widgets a { color: #a2b1a5 } .footer-widgets .widget ul li a:hover, .footer-widgets a:hover { color: #fff } .footer-widgets .map-link { font-weight: 500; text-transform: uppercase } .footer-widgets .map-link a { color: #9cc212 } .footer-widgets .map-link:hover { color: #9cc212; cursor: pointer } .footer-widgets .map-link svg { font-size: 23px; position: relative; top: 2px; margin: 0 7px 0 0 } .footer-widgets .footer-sidebar { border-right: 1px solid #213d29; padding: 0 2.5em } .footer-widgets .footer-sidebar:first-child { padding-left: 15px } .footer-widgets .footer-sidebar:last-child { border: 0; padding-right: 15px } .footer-widgets .widget_media_image { margin-bottom: 1.75em } .footer-widgets .working { margin-bottom: 1.25em } .footer-widgets .working>div:first-child { font-size: .875em; margin-bottom: .6em } .footer-widgets .working>div:first-child span { text-transform: uppercase; color: #fff } .footer-widgets .working:last-child { margin: 0 } .footer-widgets .working .green { color: #9cc212 } .footer-widgets input[type=email] { background: #12321c; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #405847; margin: 0 0 1.5em 0; width: 100%; font-size: 14px; padding: 20px 20px 17px 20px } .footer-widgets input[type=email]::-webkit-input-placeholder { color: #3f5546 } .footer-widgets input[type=email]:-moz-placeholder { color: #3f5546 } .footer-widgets input[type=email]::-moz-placeholder { color: #3f5546 } .footer-widgets input[type=email]:-ms-input-placeholder { color: #3f5546 } .footer-widgets input[type="submit"] { background: none; border: 1px solid #405847; color: #fff; padding: 10px 30px } .footer-widgets input[type="submit"]:hover { background: #9cc212; color: #fff } .footer-widgets.footer-middle { padding: 0 } .footer-widgets.footer-middle .container { border-top: 1px solid #213d29; padding-top: 40px; padding-bottom: 40px } .footer-widgets.footer-middle .email, .footer-widgets.footer-middle .social { margin-top: 2.8em } .footer-widgets.footer-middle .email i { color: #35493b; margin-right: 5px } .footer-widgets.footer-middle .footer-social { float: right } .footer-widgets.footer-middle .footer-social span { margin-right: .5em; display: inline-block } .footer-widgets.footer-middle .footer-social a { border: 1px solid #405847 } .footer-widgets.footer-middle .footer-social a:hover a { border: 0 } .footer-widgets.footer-middle .footer-social.socials a { width: 1.875em; height: 1.875em; line-height: 27px } .footer-widgets.footer-middle .phone { text-align: center; background: url(../images/icon/phone-middle.png) center center no-repeat; padding: 2em 0 } .footer-widgets.footer-middle .phone div { font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 18px; color: #9cc212; margin: 0 0 .3em 0 } .footer-widgets.footer-middle .phone span { color: #fff; font-size: 1.25em } .footer-widgets.footer-middle a:hover { color: #9cc212; border: 0 } .hide-middle_phone .email, .hide-middle_phone .social { margin-top: 0 } .footer-copyright { padding: 23px 0; color: #848484 } /*** ==================================================================== Back to top ==================================================================== ***/ .backtotop { display: inline-block; position: fixed; bottom: 3em; right: 3.75em; width: 3.125em; height: 3.125em; line-height: 3.125em; text-align: center; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #405847; color: #fff; font-size: 15px; background: #12321c; opacity: 0; -webkit-transition: .5s; transition: .5s; z-index: 999 } .backtotop.show-scroll { opacity: 1 } .backtotop:hover { background: #9cc212; color: #fff } .white{color:#FFF !important} .gerren_q{color:#9ab79f;} .shutter { overflow: hidden; width: 1000px; height: 358px; position: relative; margin: 50px auto; border-radius: 10px; } .shutter ul, li { list-style: none; } .shutter img { border: 0; vertical-align: top; max-width:inherit; } .shutter-img { z-index: 1; } .shutter-img, .shutter-img a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .shutter-img a { cursor: default; } .shutter-img a > img { width: 100%; height: 100%; } .shutter-img .created { overflow: hidden; position: absolute; z-index: 20; } .shutter-btn {} .shutter-btn li { position: absolute; z-index: 2; top: 50%; width: 49px; height: 49px; margin-top: -25px; cursor: pointer; } .shutter-btn li.prev { left: 20px; background: url(../images/shutter_prevBtn.png) no-repeat 0 -49px; } .shutter-btn li.next { right: 20px; background: url(../images/shutter_nextBtn.png) no-repeat 0 -49px; } .shutter-desc { position: absolute; z-index: 2; left: 0; bottom: 0; width: 100%; height: 36px; background: url(../images/shutter_shadow.png) repeat; } .shutter-desc p { padding-left: 20px; line-height: 36px; color: #fff; font-size: 14px; }